cancelBubble - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

Event（事件）的传播与冒泡

特性说明和原理图：标准浏览器和Ie9+浏览器都支持事件的冒泡和捕获，而IE8-浏览器只支持冒泡标准和Ie9+浏览器用stopPropagation()或cancelBubble阻止事件传播，而ie8...-用e.cancelBubble属性来阻冒泡，注意ie9不支持cancelBubble属性（设置后不生效），但chrome、safari、opera、firefox都支持cancelBubble属性。...stopPropagatin()方法用于阻止事件的传播，如果设置在捕获阶段，则目标和冒泡阶段不会被执行； cancelBubble属性只能阻止冒泡阶段，对捕获和目标阶段的事件不能阻止 preventDefault...stopType" id="stopType"> StopPropagation cancelBubble...stopType.val() == '1' ){ event.stopPropagation(); }else{ event.cancelBubble

1.3K9 0

javascript当中冒泡取消的用法

event.cancelBubble function gotClick(event, who) { alert(who); event.cancelBubble...zhanwei"; } event.cancelBubble

6204 0

您找到你想要的搜索结果了吗？

是的

没有找到

事件冒泡怎么解决，与ie的兼容又怎么解决

father"); } oSDiv.onclick=function(event) { event=event||window.event; if(event.cancelBubble...) { event.cancelBubble=true; } // 注意点: stopPropagation方法只支持高级浏览器 // event.stopPropagation...(); // event.cancelBubble = true; // 低级浏览器 else { event.stopPropagation();

8912 0

如何阻止冒泡&&浏览器默认行为

我们阻止事件冒泡可以很容易使用标准API 基本语法： event.stopPropagation(); IE实现下（这里主要指IE低版本IE9以下版本，因为IE9也实现了W3C标准）基本语法： event.cancelBubble...= bool; 当然IE标准并不是只有IE支持，其实很多浏览器都实现了cancelBubble支持，但是后来虽然浏览器没有取消对cancelBubble属性的支持，设置了之后也会无效，所以建议的兼容语法是...window.event; if(e.stopPropagation){ //通过浏览器能力进行兼容性检测 e.stopPropagation(); }else if(e.cancelBubble...){ e.cancelBubble = true; } } 当然说到阻止事件冒泡这个问题，也要简单提一下 event.stopPropagation 和event.stopImmediatePropagation...event.cancelBubble ?

2.5K4 0

阻止浏览器冒泡事件，兼容firefox和ie

arg0; } } func=func.caller; } return null; } //阻止冒泡 function cancelBubble...() { var e=getEvent(); if(window.event){ //e.returnValue=false;//阻止自身行为 e.cancelBubble

1.3K7 0

JS示例36-如何阻止事件冒泡

一、知识要点 oEvent.cancelBubble = true; 二、源码参考点击页面隐藏（模仿下拉列表） <!...oDiv.style.display = 'block'; var oEvent = ev || event; oEvent.cancelBubble

5.5K2 0

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

window.event.cancelBubble = true : e.stopPropagation(); } js阻止默认行为 function myfn(e){ window.event? ...false : e.preventDefault(); } 以下是具体关于JavaScript停止冒泡和阻止默认行为的详细说明防止冒泡 w3c的方法是e.stopPropagation()，IE则是使用e.cancelBubble...window.event.cancelBubble = true : e.stopPropagation(); 阻止默认行为 w3c的方法是e.preventDefault()，IE则是使用e.returnValue...的stopPropagation()方法 e.stopPropagation(); else //否则，我们需要使用IE的方式来取消事件冒泡 window.event.cancelBubble

2.6K2 0

绑定点击事件，当点击事件里依赖异步返回结果则阻止冒泡失效

ev.stopPropagation(); } else { //IE浏览器(IE11以下) ev.cancelBubble...ev.stopPropagation(); } else { //IE浏览器(IE11以下) ev.cancelBubble

1.8K1 0

第55天：简单冒泡方法原理

：blur、focus、load、unload 二、阻止冒泡的方法标准浏览器和 ie浏览器 w3c的方法是event.stopPropagation() IE则是使用event.cancelBubble...event.stopPropagation) { event.stopPropagation(); // w3c 标准 } else { event.cancelBubble...event.stopPropagation){ 51 event.stopPropagation(); 52 }else{ 53 event.cancelBubble

5541 0

JavaScript系列之事件冒泡机制简介

所以就去网上搜索资料，简单学习一下，就是点击一个按钮的时候，竟然触发了两次，通过排查，发现了冒泡机制导致的，解决方法是禁用事件冒泡机制 w3c的方法是e.stopPropagation()，IE则是使用e.cancelBubble...= true $(element).click(function(e){ e.stopPropagation();//ie e.cancelBubble = true }); 当然除了冒泡机制会导致

7112 0

网页里如何使用js禁用F12事件

currKey=evt.keyCode||evt.which||evt.charCode; if (currKey == 123) { window.event.cancelBubble...currKey=evt.keyCode||evt.which||evt.charCode; if (currKey == 123) { window.event.cancelBubble

4.9K2 0

JavaScript阻止冒泡和取消默认事件(默认行为)

防止冒泡和捕获 w3c的方法是e.stopPropagation()，IE则是使用e.cancelBubble = true stopPropagation也是事件对象(Event)的一个方法，用是阻止目标元素的冒泡事件...window.event.cancelBubble = true : e.stopPropagation(); 取消默认事件 w3c的方法是e.preventDefault()，IE则是使用e.returnValue...的stopPropagation()方法 e.stopPropagation(); else //否则，我们需要使用IE的方式来取消事件冒泡 window.event.cancelBubble

7.7K3 0

javascript中间preventDefault与stopPropagation角色介绍

DOCTYPE html> 阻止JS事件冒泡传递（cancelBubble 、stopPropagation）...cancelBubble,stopPropagation" /> ...evt : window.event; if ( window.event ) { e.cancelBubble = true;/

4902 0

js封装好的模仿qq消息弹窗代码

= undefined) { window.event.cancelBubble = true; } else if (e.stopPropagation) {...= undefined) { window.event.cancelBubble = true; } else if (e.stopPropagation) {

5.9K2 0

javascript事件详解

stopPropagation()阻止冒泡事件的话，那么在页面中会先弹出1，然后弹出2，如果使用stopPropagation()方法的话，只会在页面上弹出1，就不会冒泡到body上面去； IE下停止冒泡的话，我们可以使用cancelBubble...如下代码： btn.onclick = function(e){ alert(1); window.event.cancelBubble = true; } document.body.onclick...= function(){ alert(2); } 如果不设置window.event.cancelBubble 为true的话，就会先弹出1，然后弹出2，如果加上的话，就只会弹出1对话框。...if(event.stopPropagation) { event.stopPropagation(); }else { event.cancelBubble

1.7K5 0

（JavaScript）前端JS不知道怎么理解网页？本专栏从0开始教学！（十五）：Event事件对象；移动爱心案例；Bubble事件冒泡；基于冒泡的事件委派处理

container.onmousemove=function(event){ //事件对象 event=event||window.event; //取消冒泡 event.cancelBubble...（Bubble）所谓冒泡指的就是事件的向上传导，当后代元素上的事件被触发时，其祖先元素的相同事件也会被触发在开发中大部分情况冒泡都是有用的，如果不希望冒泡发生可以通过事件对象取消冒泡 event.cancelBubble...innerBox"); innerBox.onclick=function(event){ //事件对象 event=event||window.event; //取消冒泡 // event.cancelBubble...innerBox事件") }; box.onclick=function(event){ //事件对象 event=event||window.event; //取消冒泡 // event.cancelBubble

1611 0

DOM事件探索

(event.stopPropagation){ event.stopPropagation(); }else{ event.cancelBubble...stopPropagation() 阻止事件冒泡 (4)、preventDefault() 阻止事件的默认行为 2.IE中的事件对象 (1)、type:获取事件类型 (2)、srcElement：事件目标 (3)、cancelBubble

6215 0

第9章 JavaScript事件处理

**IE：**通过设置event对象的cancelBubble为true即可 function someHandle() { window.event.cancelBubble = true;...event = event || window.event; if(event.stopPropagation) event.stopPropagation(); else event.cancelBubble

1.4K2 0

JavaScript禁用页面刷新

document.onkeydown = function () { if (event.keyCode == 116) { event.keyCode = 0; event.cancelBubble

5.9K9 0

createEventObject 与 createEvent EDIT WATCH

(cancelBubble、returnValue) 例子： function OuterClick() { if(event.expando ==...eventObj.expando = "from_inner"; parent.document.all.Outer.fireEvent("onclick",eventObj); event.cancelBubble

9934 0

点击加载更多

相关资讯

全新JavaScript框架Qwik：以独特的可恢复性方式提速网页应用

热门标签

活动推荐

运营活动

活动名称

广告关闭