大佬教程收集整理的这篇文章主要介绍了jquery – stopPropagation()“阻止事件冒泡DOM树”:这意味着什么?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
如果我有一个link使用return false给处理程序我应该得到我想要的(防止默认的链接行为,所以它不“调用”下一个href位置):
<a id="myLink" href="http://www.google.com">Go to google</a> $('#myLink').click(function (E) { alert("No,you don't go to Google"); return false; });
添加e.stopPropagation()我能得到什么?你能给我一个可靠的例子向我展示e.stopPropagation()能做什么吗?
这是一个实例:http://jsfiddle.net/5B7sw/
HTML:
<div id="container"> <button id="propagate">Propagate</button> <button id="nopropagate">Do not Propagate</button> </div>
和js:
$('#container').click(function(){ console.log('container click') ; }); $('#propagate').click(function(){ console.log('propagateclick'); }); $('#nopropagate').click(function(E){ console.log('nopropagateclick'); e.stopPropagation(); });
单击按钮标题“传播”(默认行为)将“传播单击”和“容器单击”写入控制台.单击包含对e.stopPropagation()的调用的按钮将不会打印“容器单击”消息,因为已经停止向容器的传播.
以上是大佬教程为你收集整理的jquery – stopPropagation()“阻止事件冒泡DOM树”:这意味着什么?全部内容,希望文章能够帮你解决jquery – stopPropagation()“阻止事件冒泡DOM树”:这意味着什么?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。