事件冒泡(Event Bubbling)

116 阅读1分钟

解释什么是JavaScript中的事件冒泡(Event Bubbling),并给出如何阻止它的方法:

事件冒泡:简单来说就是根节点从里到外。官方的话就是事件冒泡是DOM事件处理机制的一部分,
指的是当在元素上触发某个事件(如点击事件)时,该事件会首先在当前元素上触发,
然后逐级向上冒泡到父元素,直到到达DOM树的根节点。这种机制允许在多个层级上监听和处理同一个事件。


阻止事件冒泡的方法:
要阻止事件冒泡,可以使用事件对象中的stopPropagation()方法。例如:
javascript
element.addEventListener('click', function(event) {    
  event.stopPropagation();    
  // 处理点击事件的代码  
});
在这个例子中,当element上的点击事件被触发时,stopPropagation()方法会阻止事件进一步冒泡到父元素。