原生js阻止冒泡，兼容写法

最新推荐文章于 2025-07-04 16:59:10 发布

原创最新推荐文章于 2025-07-04 16:59:10 发布 · 4.6k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#原生js #阻止冒泡

JavaScript 同时被 2 个专栏收录

42 篇文章

订阅专栏

html

18 篇文章

订阅专栏

本文介绍了一种使用JavaScript来阻止HTML元素点击事件冒泡的方法。通过为元素添加onclick事件监听器，并在触发时调用stopPropagation()和preventDefault()方法（对于IE浏览器则分别设置returnValue和cancelBubble属性），可以有效地阻止事件向上级元素传播。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js:

var $item = document.getElementById('item');
 $item.onclick = function (e) {//阻止冒泡
            if (e) {
              e.stopPropagation();
              e.preventDefault();
            } else {
              window.event.returnValue = false;
              window.event.cancelBubble = true;
            }
          }

html: