Javascript开发必知：用`event.stopPropagation()`阻止事件冒泡及实例演示

在JavaScript中，阻止事件冒泡的方法是使用`event.stopPropagation()`。这个方法会阻止事件的冒泡行为，使得事件只能在当前元素上被处理，不会继续向上冒泡到父元素或者其他祖先元素。 以下是一个简单的例子： ```javascript document.getElementById('child').addEventListener('click', function(event) { event.stopPropagation(); console.log('Child element clicked'); }, false); document.getElementById('parent').addEventListener('click', function(event) { console.log('Parent element clicked'); }, false); ``` 在这个例子中，当点击子元素时，只会输出"Child element clicked"，而不会输出"Parent element clicked"，因为子元素的事件处理函数中调用了`event.stopPropagation()`来阻止事件冒泡。 ######[AI写代码神器 | 157点数解答 | 2023-11-09 00:53:03]