温习:事件冒泡、事件捕获、事件委托

2020-05-08  本文已影响0人  TouchMe丶

事件冒泡

事件冒泡会从当前触发事件的目标一级一级向上传递,依次触发,直到document为止。
addEventListener的第三个参数false是冒泡,true是捕获。平时开发时都是默认冒泡,冒泡是直到document为止的。

阻止事件冒泡 stopPropagation
ie阻止事件冒泡 e.cancelBubble = true

事件捕获

事件捕获会从document开始触发,一级一级向下传递,依次触发,直到真正事件目标为止。

阻止事件捕获 stopPropagation(同上面的冒泡)

事件委托

用公共的父节点来写事件,根据不同的点击对象来执行不同的操作。减少页面的事件绑定,提高性能。

阻止事件默认行为

w3c: preventDefault
ie: window.event.returnValue = false

上一篇下一篇

猜你喜欢

热点阅读