stopPropagation()方法
stopPropagation()方法是阻止事件冒泡的一种方法,它可以阻止事件在DOM树中向上传播,从而使事件处理程序只在当前元素上触发,而不会在父元素上触发。
document.getElementById("myDiv").addEventListener("click", function(e){ e.stopPropagation(); });
stopPropagation()方法可以用在任何事件处理程序中,包括鼠标,键盘和触摸事件。它可以阻止事件冒泡到父元素,但不能阻止事件在当前元素上触发,也不能阻止事件从当前元素向下传播到子元素。
使用stopPropagation()的优势
- 可以有效阻止事件冒泡,避免事件处理程序在父元素上被重复触发。
- 可以避免元素上的事件处理程序被父元素的事件处理程序覆盖。
- 可以减少不必要的事件处理程序执行,提高系统的性能。