关于事件冒泡，可以参考文章http://www.cnblogs.com/webflash/archive/2009/08/23/1552462.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();
- });
本文转自cnn23711151CTO博客，原文链接： http://blog.51cto.com/cnn237111/1086438 ，如需转载请自行联系原作者
