在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。 1..停止事件冒泡 JavaScript代码 //如果提供了事件对象,则这是一个非IE浏览器if ( e && e.stopPropagation )//因此它支持W3C的stopPropagatio ...
分类:
Web程序 时间:
2016-04-20 00:19:22
阅读次数:
283
1.阻止事件冒泡: IE:cancelBubble = true; 其他: stopPropagation(); 2.阻止事件的默认行为: IE: returnValue = false; 其他: preventDefault(); 3.事件源: IE:srcElement 其他:target(目标 ...
分类:
Web程序 时间:
2016-04-15 21:38:33
阅读次数:
178
最近遇到一个需求,在一定情况下,需要阻断blur的事件传播。搜索之后找到三个函数,第一个是preventDefault,第二个是stopPropagation,第三个是stopImmediatePropagation 。 preventDefault: 语法是: 这个函数的作用是阻止事件进一步冒泡, ...
分类:
Web程序 时间:
2016-04-14 15:46:35
阅读次数:
278
事件冒泡,举个列子: 当你点击a的时候,会先弹出‘点击了a’,再弹出‘点击了li’,最后跳转到百度。简单理解就是先执行子元素的事件,再执行父元素的事件,跟事件捕获相反。 有些时候,我们不希望发生父元素的事件,只发生子元素的事件,这时候就需要阻止事件冒泡。有一下几个方法,分别分析一下: 1、event ...
分类:
Web程序 时间:
2016-04-12 01:55:07
阅读次数:
616
stopPropagation()函数用于阻止当前事件在DOM树上冒泡。 根据DOM事件流机制,在元素上触发的大多数事件都会冒泡传递到该元素的所有祖辈元素上,如果这些祖辈元素上也绑定了相应的事件处理函数,就会触发执行这些函数。 使用stopPropagation()函数可以阻止当前事件向祖辈元素的冒 ...
分类:
Web程序 时间:
2016-04-11 14:08:58
阅读次数:
199
转载自:http://caibaojian.com/javascript-stoppropagation-preventdefault.html 总结: IE:有window.event对象FF:没有window.event对象。 防止冒泡 w3c的方法是e.stopPropagation(),IE ...
分类:
编程语言 时间:
2016-04-07 01:24:18
阅读次数:
165
http://codepen.io/huashiyiqike/pen/qZVdag addEventListener 默认是冒泡阶段执行,也就是父亲与子都监听时,点击子,子先处理,父亲再处理,这时加stopPropagation()可以阻止父亲的处理事件。设置true反过来,这事加了stopProp ...
分类:
Web程序 时间:
2016-04-04 22:56:22
阅读次数:
413
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><sc..
分类:
其他好文 时间:
2016-04-01 16:18:39
阅读次数:
163
$(‘#dialog_box‘).on(‘click‘,function(){
$(this).hide();
});
$(‘#message_box‘).on(‘click‘,function(e){
e.stopPropagation();
});
原理是:阻止弹框的点击事件冒泡,遮罩层点击关闭。
分类:
Web程序 时间:
2016-03-26 09:00:05
阅读次数:
260
$(" body").click(function(){ $("#div").hide(); }); $("button").click(function(e){ $("div").show(); e.stopPropagation();//阻止冒泡到body }); $("#div").click
分类:
其他好文 时间:
2016-03-09 17:42:26
阅读次数:
138