一个兼容各浏览器的阻止冒泡的StopPropagation解决方案

最新推荐文章于 2023-07-03 15:20:50 发布

weixin_33973609

最新推荐文章于 2023-07-03 15:20:50 发布

阅读量141

点赞数

原文链接：http://www.cnblogs.com/jiji262/archive/2012/10/23/2735806.html

版权

    StopPropagation: function (e) {
        if ($.browser.msie) {
            event.cancelBubble = true
        } else {
            e.stopPropagation();
            e.preventDefault()
        }
    }

转载于:https://www.cnblogs.com/jiji262/archive/2012/10/23/2735806.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33973609

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

e.stopPropagation()兼容性处理

weixin_30367873的博客

07-20

622

使用jquery库，e.stopPropagation()兼容所有。原生的就要这么写 functionstopPropagation(e){ e=window.event||e; if(document.all){ //只有ie识别——————可能有误（document.all主要用来判断是否为ie浏览器） e.cancelBubble=true; ...

JQuery对stopPropagation()的兼容性处理

u010289111的专栏

04-05

2762

原来对父元素做的点击事件发现冒泡到了子元素上面。然后需要阻止父元素的冒泡，使用了 stopPropagation()方法，我记得这个方法是指针对部分浏览器，针对ie还有什么要使用cancelBuble. 然后我找了很久找了一段对冒泡事件做兼容性处理代码 function scitylist (obj,event){ stopP(event);//阻止事件冒泡

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

js 兼容阻止事件冒泡stopPropagation

weixin_30446613的博客

02-23

function stopPropagation(e){ e=window.event||e; if(document.all){ e.cancelBubble=true; }else{ e.stopPropagation(); } } 用法： document.getElementsByTagName("li")[0].onclick=functi...

阻止冒泡

weixin_30426879的博客

04-20

DOM 是树级结构，两个事件分别绑在父级和子级上的时候点了子级也会触发父级。想只执行子级不执行父级的时候就要阻止冒泡！ e.stopPropagation(); 转载于:https://www.cnblogs.com/zslslir/p/6740506.html...

停止冒泡和阻止浏览器默认行为stopPropagation preventDefault

流星的博客

01-06

882

获取Event通用方法 function getEvent() { if (document.all) return window.event; func = getEvent.caller; while (func != null) { var arg0 = func.arguments[0]; if (arg0) { if ((arg0.constructor ==

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

最新发布

qq_51179053的博客

07-03

3164

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

js停止冒泡和阻止浏览器默认行为的简单方法

11-25

本文将详细介绍如何实现这两个功能，并提供兼容不同浏览器的解决方案。 **停止冒泡** 事件冒泡是指事件从最深的节点开始，逐级向上层节点传播事件的过程。在JavaScript中，我们可以用以下两种方式来停止事件冒泡：...

前端常见浏览器兼容性问题解决方案

web18484626332的博客

03-06

1245

前言：不同浏览器的内核不尽相同，所以各个浏览器对网页的解析存在一定的差异。 浏览器内核主要分为两种，一是渲染引擎，另一个是js 引擎所以浏览器兼容性问题一般指：css兼容、js兼容 浏览器 内核（渲染引擎） Chrome谷歌之前Webkit，已改Blink内核 FireFox火狐 Gecko Safari苹果 Webkit IE Trident Opera欧朋现已改用Google Chrome的Blink内核一、css兼容 1. 不同浏览器的标签默认的margin和padding不同问题症

浏览器兼容问题及解决方案

HuaCHen_SHan的博客

06-25

1222

兼容问题

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

pink_clouds的博客

08-18

1万+

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

低版本firefox下event.stopPropagation失效解决方法

IT打工匠

06-18

752

在低版本firefox版本：52.7，event失效问题需要使用function 传入一个event $("#div-login").click(function (e) { e.stopPropagation(); });

消除点透事件（stopPropagation的妙用）

日常笔记/总结/系列知识梳理

03-27

2583

消除点透事件的具体代码如下： function stopEvent(){ var e=arguments.callee.caller.arguments[0]||event; if ( e && e.stopPropagation ) { e.stopPropagation(); } else{ ...

ie不支持的event.stopPropagation的解决方式

weixin_34306593的博客

04-25

400

if (event.stopPropagation) { // 针对 Mozilla 和 Opera event.stopPropagation(); } else if (window.event) { // 针对 IE window.event.cancelBubble = true; } 只要把event.stopPropagation(...

事件冒泡之cancelBubble和stoppropagation的区别

热门推荐

iammarrio的博客

10-20

2万+

事实上stoppropagation和cancelBubble的作用是一样的，都是用来阻止浏览器默认的事件冒泡行为。不同之处在于stoppropagation属于W3C标准，试用于Firefox等浏览器，但是不支持IE浏览器。相反cancelBubble不符合W3C标准，而且只支持IE浏览器。所以很多时候，我们都要结合起来用。不过，cancelBubble在新版本chrome,opera浏览器

js中子节点和父节点有相同的事件,怎么只触发子节点的事件 stopPropagation() 方法

我的博客

09-26

860

js中子节点和父节点有相同的事件,怎么只触发子节点的事件 stopPropagation() 方法 Event 对象定义和用法不再派发事件。终止事件在传播过程的捕获、目标处理或起泡阶段进一步传播。调用该方法后，该节点上处理该事件的处理程序将被调用，事件不再被分派到其他节点。语法 event.stopPropagation() 说明该方法将停止事件的传播，阻止它被分派到其

event.stopPropagation()需要注意的一点

qupeng666的博客

07-28

4699

众所周知 event.stopPropagation() 是阻止事件冒泡和捕获；需要注意的是：虽然该方法不能阻止同一个 Document 节点上的其他事件句柄被调用，但是它可以阻止把事件分派到其他节点. 补充一点：你点击的元素目标(自身触发事件,是冒泡还是捕获无所谓)，所以点击的当前元素目标从上往下执行，不分冒泡类型或者捕获类型。例如：var outA = document.getE

用例子说明event.stopPropagation与event.preventDefault的区别及如何兼容IE8

rocklee的专栏

11-14

9062

严格来说stopPropagation与preventDefault其实没什么关系，一个是停止传播事件，一个是阻止默认的行为。由于IE8并不兼容这两个方法，所以，我们如果需要考虑兼容性的话，应该这样写： if (event.stopPropagation){ event.stopPropagation(); } else{ event.cancelBubble=true; } i

e.stopPropagation() 失效原因

echo

11-06

6332

<body> <div class="father"> <div class="son"> </div> </div> </body> 假如此父子元素为动态添加的元素所以在添加事件的时候需要绑定到父级元素例如：父元素事件 $("body").on("click",".father",function(e){ alert(1) }); 例如：子元素事件 $(document).on("click",".son",f

1、Chrome之Elements功能面板

LetsStudy的博客

07-15

6009

一、Elements：查找网页源代码HTML中的任一元素,手动修改任一元素的属性和样式且能实时在浏览器里面得到反馈。 Elements右侧面板功能说明如图 Reveal in Sources panel:在Sources面板中展示，当在html中的js、超链接上右键时，才会有此选项 Open in new tab:在新页签中打开，当在html中的js、超链接上右键时，才会有此选项 Add attribute:添加属性 Edit attribute:编辑属性 Edit as HTML:编辑

event.js封装DOM事件：低级错误解决方案与跨浏览器兼容

在本文档中，我们探讨了JavaScript如何将DOM（Document Object Model）事件处理程序封装到一个名为event.js的模块中，以解决跨浏览器兼容性的问题。DOM事件处理是前端开发中的关键部分，它允许网页动态响应用户的...