特性说明和原理图: 标准浏览器和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
event.cancelBubble function gotClick(event, who) { alert(who); event.cancelBubble...zhanwei"; } event.cancelBubble
father"); } oSDiv.onclick=function(event) { event=event||window.event; if(event.cancelBubble...) { event.cancelBubble=true; } // 注意点: stopPropagation方法只支持高级浏览器 // event.stopPropagation...(); // event.cancelBubble = true; // 低级浏览器 else { event.stopPropagation();
我们阻止事件冒泡可以很容易使用标准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 ?
arg0; } } func=func.caller; } return null; } //阻止冒泡 function cancelBubble...() { var e=getEvent(); if(window.event){ //e.returnValue=false;//阻止自身行为 e.cancelBubble
一、知识要点 oEvent.cancelBubble = true; 二、源码参考 点击页面隐藏(模仿下拉列表) <!...oDiv.style.display = 'block'; var oEvent = ev || event; oEvent.cancelBubble
ev.stopPropagation(); } else { //IE浏览器(IE11以下) ev.cancelBubble...ev.stopPropagation(); } else { //IE浏览器(IE11以下) ev.cancelBubble
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
: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
所以就去网上搜索资料,简单学习一下,就是点击一个按钮的时候,竟然触发了两次,通过排查,发现了冒泡机制导致的,解决方法是禁用事件冒泡机制 w3c的方法是e.stopPropagation(),IE则是使用e.cancelBubble...= true $(element).click(function(e){ e.stopPropagation();//ie e.cancelBubble = true }); 当然除了冒泡机制会导致
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
防止冒泡和捕获 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
DOCTYPE html> 阻止JS事件冒泡传递(cancelBubble 、stopPropagation)... ...evt : window.event; if ( window.event ) { e.cancelBubble = true;/
= undefined) { window.event.cancelBubble = true; } else if (e.stopPropagation) {...= undefined) { window.event.cancelBubble = true; } else if (e.stopPropagation) {
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
**IE:**通过设置event对象的cancelBubble为true即可 function someHandle() { window.event.cancelBubble = true;...event = event || window.event; if(event.stopPropagation) event.stopPropagation(); else event.cancelBubble
(event.stopPropagation){ event.stopPropagation(); }else{ event.cancelBubble...stopPropagation() 阻止事件冒泡 (4)、preventDefault() 阻止事件的默认行为 2.IE中的事件对象 (1)、type:获取事件类型 (2)、srcElement:事件目标 (3)、cancelBubble
document.onkeydown = function () { if (event.keyCode == 116) { event.keyCode = 0; event.cancelBubble
(cancelBubble、returnValue) 例子: function OuterClick() { if(event.expando ==...eventObj.expando = "from_inner"; parent.document.all.Outer.fireEvent("onclick",eventObj); event.cancelBubble
if (event.stopPropagation) event.stopPropagation(); //标准模型 else event.cancelBubble..._startY = startY; if (e.stopPropagation) e.stopPropagation(); //标准模型 else e.cancelBubble...} if (e.stopPropagation) e.stopPropagation(); //标准模型 else e.cancelBubble
领取专属 10元无门槛券
手把手带您无忧上云