事件对象:

v-on:click/mouseover
简写:
    @click=""
 
     @click="show($event)"
<input type="button" value="按钮" @click=“show($event,12)”
methods: {
show: function(ev, b){
alert(ev.clientX);
}
}
 
 
    ev.clickX

事件冒泡:

阻止冒泡:

            a) ev.cancelBubble=true;      (原生js语法)
             b) @click.stop="show()" 推荐使用

默认行为(默认事件)

       阻止默认行为:
            a) @contextmenu.prevent="show()"  右键行为事件,但右键有个默认行为;推荐使用
            b) ev.preventDefault() (原生js语法,阻止默认行为)

键盘事件

    @keydown="show(event)"  ev.keyCode
    @keyup
        回车:
                @keyup.13
                @keyup.enter
        上下左右
                @keyup/keydown/l
                @up, down left, right

最新文章

  1. POCO Controller 你这么厉害,ASP.NET vNext 知道吗?
  2. CentOS安装LNMP环境的基础组件
  3. 创建 WPF 工具箱控件
  4. ConfigHelper.cs
  5. 杭电ACM题目分类
  6. QB资料学习.01
  7. VisualSvn server 权限配置
  8. log4net面面观之Repository
  9. 全面分析 Spring 的编程式事务管理及声明式事务管理--转
  10. gdb调试 使用心得
  11. C# 缩略图算法
  12. Java 7源码分析第13篇 - 字节输入输出流(1)
  13. 标准I/O库函数的缺陷
  14. 结构-行为-样式-Js排序算法之 快速排序
  15. 微信小程序多张图片上传
  16. C++ 多态与虚函数
  17. 在SQL Server Express版本中没有代理功能如何自动备份数据库
  18. Docker在Linux上运行NetCore系列(二)把本地编译好的镜像发布到线上阿里云仓库
  19. [LeetCode&amp;Python] Problem 746. Min Cost Climbing Stairs
  20. ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果,帮助你的网站增加吸引力。

热门文章

  1. 阿里云配置WAF的步骤
  2. 单例模式以及Python实现
  3. Flutter Form正确使用方法【可正确获取提交的表单数据】
  4. 【FreeMarker】FreeMarker使用(三)
  5. Flink 在IDEA执行时的webui
  6. Java以UTF-8格式读写及追加写文件示例
  7. Amazon MWS Scratchpad
  8. PHPStudy后门事件分析
  9. Linux杀毒软件(ClamAV)
  10. Center Message