1，stop修饰符：阻止事件冒泡

首先我们要明确H5的事件是从内向外进行冒泡的，写一个简单的DEMO

当我们点击按钮时，事件从内向外冒泡，依次触发绑定的事件，控制台信息如下

现在我们在click后面添加.stop修饰符，如下：

我们发现再次点击按钮后，事件不再冒泡，控制台只打出

2.prevent取消默认事件

.prevent等同于JavaScript的event.preventDefault()，用于取消默认事件。比如我们页面的<a href="#">标签，当用户点击时，通常在浏览器的网址列出#：

3.capture 捕获事件

H5中事件的传播是从外到内的，冒泡是从内到外的，如图

capture可以在事件的传播中对事件进行补获，修改代码如下：

点击按钮发现结果为，outter,inner

4.self

修饰符.self只会触发自己范围内的事件，点击子组件不会触发该组件上的事件

当点击按钮和中部div时，不会触发外部div的click事件，只有直接点击外部div时才会触发

最新文章

1. D3.js学习（三）
2. ZOJ Problem Set - 1205 Martian Addition
3. John the Ripper
4. 如何优雅的在MFC中使用cvSetMouseCallback？
5. C# 委托的”四步走“
6. 如何在 PHP 中处理 Protocol Buffers 数据
7. 文件和目录之chmod和fchmod函数
8. Day01_UNIX基础及VI简介
9. JScript_Test
10. C pointers
11. GNS3 1.4.0b3 MSTP多生成树配置实验
12. Nginx高并发优化方案
13. Sharepoint 2016 - Deploy Office Online Server
14. Windows Server 2008 R2中无法使用360免费Wifi的解决方案
15. angualrjs 配置超时时间
16. HashSet集合的add()方法的源码
17. 20155301 Exp9 Web安全基础
18. SQLServer中char、varchar、nchar、nvarchar比较
19. 搭建一个ES6开发环境
20. linux脚本运行错误：$'ls\r': command not found

热门文章

1. Yum项目上线实战 （网站运维）-Linux从入门到精通第十一天(非原创）
2. Linux shell case条件判断及位置变量
3. 使用async进行结构化并发程序开发
4. __attribute__((weak))
5. JDK1.8 LocalDate 使用方式;LocalDate 封装Util,LocalDate工具类(一)
6. 20180606模拟赛T4——数学游戏
7. 【LG3322】[SDOI2015]排序
8. Computer-Hunters——团队展示
9. QT QWidget 关闭的流程
10. 【Gamma】Scrum Meeting 9