Jquery阻止事件气泡的应用

关于事件冒泡，可以参考文章/article/5890154.html

有时候事件冒泡给我们带来便利，有时也带来不利。举个例子：

如果一个div中嵌套一个span。div和span都有各自的click事件。如果点击div，没问题，触发了div的事件。但是点击span，会触发span的事件和div的事件。

<div id="adiv" style=";height:25px;border:1px solid; background:red;">
i'm div <span id="aspan" style="background:green;">i'm Span</span>
</div>

有时候仅仅希望触发span的click事件，而不触发div的click事件。

那么只需要在span的代码中加入event.stopPropagation()方法即可。这样的话，就会阻止了事件向上冒泡了。

$("#adiv").click(function()
{
alert("div event");
});
$("#aspan").click(function(e)
{
alert("span event");
e.stopPropagation();
});

本文出自 “一只博客” 博客，请务必保留此出处http://cnn237111.blog.51cto.com/2359144/1086438