• 智能AI问答!更聪明、更完整、原创作!
  • 一款基于GPT的超级AI机器人,可以回答问题、聊天、创作、写文案!

event.stopPropagation()可以阻止事件冒泡吗

发布于 2023-07-17 15:50:29

是的,event.stopPropagation()方法可以阻止事件冒泡。当事件被触发时,在DOM树中,事件会从目标元素逐级向上传播到父级元素,直到达到document对象。通过调用event.stopPropagation()方法,可以阻止事件继续向上冒泡,即停止传播到父级元素。

示例代码如下:

element.addEventListener('click', function(event) {
  event.stopPropagation();
});

以上代码中,当点击element元素时,事件冒泡会被停止,即事件不会传播到element的父元素。

需要注意的是,event.stopPropagation()方法只能阻止事件冒泡,不能阻止事件捕获阶段的传播。如果想要同时阻止事件捕获和事件冒泡,可以使用event.stopImmediatePropagation()方法。

0 条评论

发布
问题

在线
客服