美文网首页
温习:事件冒泡、事件捕获、事件委托

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

作者: TouchMe丶 | 来源:发表于2020-05-08 18:13 被阅读0次

事件冒泡

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

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

事件捕获

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

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

事件委托

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

阻止事件默认行为

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

相关文章

网友评论

      本文标题:温习:事件冒泡、事件捕获、事件委托

      本文链接:https://www.haomeiwen.com/subject/mifqnhtx.html