jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – stopPropagation()“阻止事件冒泡DOM树”:这意味着什么?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我真的不明白e.stopPropagation()的作用.

如果我有一个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()能做什么吗?

解决方法

简单,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,请注明来意。