【js-5】如何阻止冒泡事件及默认事件？

小课堂127期

分享人：禚洪宇

目录

1.背景介绍

2.知识剖析

3.常见问题

4.解决方案

5.编码实战

6.扩展思考

7.参考文献

8.更多讨论

1.背景介绍

页面的哪一部分会拥有某个特定的事件？

· 事件流：冒泡与捕获

什么是默认事件？

2.知识剖析

2.1 怎样阻止冒泡事件及默认事件？

· event.stopPropagation()

· ev.cancelBubble = true(IE8以下)

· event.preventDefault()

· return false

3.常见问题

3.1  AngualrJS中如何阻止冒泡事件传播

3.2  阻止事件冒泡可以应用于那些场景？

3.3  事件执行的三个阶段是什么？

4.解决方案

5.编码实战

6.扩展思考

如何解除解除事件绑定？

冒泡还是捕获？

事件代理（事件委托）的原理及优缺点

7.参考文献

参考一： 事件委托

参考二： 事件冒泡、事件捕获和事件委托

参考三： 阻止事件冒泡，阻止默认事件

8.更多讨论

感谢观看

BY :禚洪宇