阻止冒泡事件（兼容大部分浏览器）

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

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

0 ·

CC 4.0 BY-SA版权

文章标签：

#冒泡 #兼容

本文介绍了一种在JavaScript中阻止事件冒泡的方法。通过检查浏览器类型并调用相应的方法（如`stopPropagation`或设置`cancelBubble`属性），可以有效地避免事件向上级元素传播。

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

function stopPropagation(event){ //阻止冒泡事件

     var ev=arguments.callee.caller.arguments[0]||event; 

     if (ev && e.stopPropagation) {

     //阻止chrome firefox opera

     ev.stopPropagation();

     } else if (window.event) {

     //阻止IE

      window.event.cancelBubble = true;

}

}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

dl_zm

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

阻止事件冒泡stopPropagation的兼容写法

pink_clouds的博客

08-18

1万+

阻止事件冒泡stopPropagation的兼容写法

浏览器兼容性问题及解决方案大汇总

qq_51179053的博客

07-03

3501

所谓浏览器兼容性问题：是指不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的效果。解决方法前端开发疆场需要检查浏览器的兼容性，这里推荐（Can I Use）这个查询网址。是一个针对前端开发人员制定的一个查询CSS、JS、HTML5、SVG，可以很好的保证网页在浏览器中的兼容性。CSS兼容问题1、不同浏览器的标签默认的内外边框不同。解决方案 {margin:0;padding:0}/** * 该文件用于清除浏览器样式 */ html, body, div, span, applet, objec

参与评论您还未登录，请先登录后发表或查看评论

兼容各大浏览器的JavaScript阻止事件冒泡代码

10-23

本文给大家分享的是一段兼容各大浏览器的JavaScript阻止事件冒泡代码，虽然因为时间问题没有深入研究，但是还是相当不错的，这里推荐给大家

阻止事件冒泡以及兼容性写法

cccccl的博客

03-05

765

阻止事件冒泡以及兼容性写法阻止冒泡： 1、dom 推荐 stopPropagation()阻止捕获和冒泡阶段中当前事件的进一步传播。但是，它不能防止任何默认行为的发生；例如，对链接的点击仍会被处理。不适用于 ie 6 7 8 . 2、cancelBubble：Event.cancelBubble 属性是 Event.stopPropagation()的一个曾用名。在从事件处理程序返回之前将其值设置为true可阻止事件的传播。适用于 ie 6 7 8 <body> <di

事件流--阻止事件冒泡

最新发布

weixin_51341142的博客

07-04

461

摘要：本文介绍了DOM事件流的两个阶段（捕获和冒泡）及其特点。事件捕获从根元素向内触发（需手动设置），而事件冒泡默认存在，由当前元素向外传播。通过addEventListener的第三个参数控制触发阶段。文章重点讲解了如何用stopPropagation()阻止事件冒泡，并提供了完整示例代码：当点击子元素时只触发子元素事件，不触发父元素事件。事件冒泡是实际开发中的主要应用方式。

阻止冒泡的兼容

qq_35219361的博客

06-22

148

下面展示一些内联代码片。 <script> if(e && e.stopPropagation){ e.stopPropagation(); }else{ window.event.cancelBubble = true; } </script>

JS 阻止事件冒泡兼容性

分享我的点点滴滴，在成长路上与你同行！

08-19

306

<html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #box { background: coral; width: 200px; height: 200px; display: none; } </style> </head> &l...

Javascript事件流（事件捕获、事件冒泡）,事件委托（代理）

01-08

大部分浏览器默认都是用IE的“事件冒泡”顺序（从里层向外层）；而网景采用“事件捕获”顺序（从外层向里层）。使用冒泡流可以兼容更多的浏览器（IE6，7，8均只支持冒泡流）。事件流原理图如下：看图： 1、（1-5）...

Javascript中事件，事件流以及阻止事件冒泡的详解

weixin_44465584的博客

03-07

672

1.什么事件？什么是事件流？事件流的出现? 一.什么是事件？事件是文档或者浏览器窗口中发生的，特定的交互瞬间。事件是用户或浏览器自身执行的某种动作，如click,load和mouseover都是事件的名字。事件是javaScript和DOM之间交互的桥梁。你若触发，我便执行——事件发生，调用它的处理函数执行相应的 JavaScript代码给出响应。典型的例子有：页面加载完毕触发...

JS传播事件、取消事件默认行为、阻止事件传播详解

10-19

大部分事件会从目标元素开始“冒泡”向上，经过其所有父元素，直到文档的根元素Document，甚至Window对象。例如，点击一个子元素时，事件会先在子元素的事件处理程序中触发，然后依次在父元素中触发。然而，并非所有...

如何解决手机浏览器页面点击不跳转浏览器双击放大网页

11-22

例如，某些CSS样式可能导致元素不可点击，或者JavaScript代码可能错误地阻止了事件冒泡。审查代码，特别是与触摸事件相关的部分，如`touchstart`, `touchend`, 和 `click`。 3. **处理点击事件**：在AngularJS中...

JS事件冒泡浏览器兼容

03-29

NULL 博文链接：https://zlotus.iteye.com/blog/1094308

兼容各个浏览器的阻止冒泡的写法

qq_42177730的博客

05-29

1236

（发现火狐不支持event事件，所以有了兼容各个浏览器的阻止冒泡的写法）function getEvent(){ if(window.event) {return window.event;} func=getEvent.caller; while(func!=null){ var arg0=func.arguments[0]; if(arg0){ if((a...

阻止事件冒泡兼容代码

qq_44777678的博客

09-20

201

//兼容代码 function stopPropagation(e) { e = e || window.event if(e.stopPropagation) { //w3c 阻止事件冒泡 e.stopPropagation() }else{ //IE 阻止事件冒泡 e.cancelBubble = true } } //事件调...

阻止冒泡在浏览器的兼容问题

L_csdn123的博客

07-08

194

// 情景就是一个点击事件我想阻止冒泡，同时需要兼容ie的浏览器 toogle(event ) { event || (event = window.event) event.stopPropagation ? event.stopPropagation() : (event.cancelBubble = true) }

阻止冒泡兼容写法

Evan_QB的博客

09-09

1147

w3c的方法是：（火狐、谷歌、IE11） event.stopPropagation() IE10以下则是使用：event.cancelBubble =true 兼容代码如下： var event = event || window.event; if(event && event.stopPropagation){ event.stopPropaga

阻止事件冒泡的兼容性写法

weixin_40551017的博客

05-20

467

兼容ie和非ie系列浏览器 btn.onclick = function stopPropagation(e){ var evt=e||window.event; if(evt.stopPropagation){ evt.stopPropagation(); } else{ evt.cancelBubble=true; } this.innerHTML='阻止了'; }

stopPropagatio阻止冒泡兼容IE

金大光

02-16

652

event. stopPropagatio()是阻止冒泡事件的方法，在ie浏览器上没有stopPropagatio()这个方法，在ie上要用e.cancelBubble=true阻止冒泡事件

EventUtil:实现跨浏览器兼容的事件处理技术

资源摘要信息:"EventUtil:跨浏览器事件处理函数" 在现代的Web开发中，JavaScript是一个不可...而"EventUtil"作为一个实用工具，极大地简化了跨浏览器事件处理的工作量，并帮助开发者编写出更加健壮的JavaScript代码。