温习:事件冒泡、事件捕获、事件委托
2020-05-08 本文已影响0人
TouchMe丶
事件冒泡
事件冒泡会从当前触发事件的目标一级一级向上传递,依次触发,直到document为止。
addEventListener的第三个参数false是冒泡,true是捕获。平时开发时都是默认冒泡,冒泡是直到document为止的。
阻止事件冒泡 stopPropagation
ie阻止事件冒泡 e.cancelBubble = true
事件捕获
事件捕获会从document开始触发,一级一级向下传递,依次触发,直到真正事件目标为止。
阻止事件捕获 stopPropagation(同上面的冒泡)
事件委托
用公共的父节点来写事件,根据不同的点击对象来执行不同的操作。减少页面的事件绑定,提高性能。
阻止事件默认行为
w3c: preventDefault
ie: window.event.returnValue = false