Jquery阻止事件氣泡的應用

版權聲明： 本文由 一隻部落格 發表于 bloghome部落格

文章連結： https://www.bloghome.com.cn/user/cnn237111

關于事件冒泡，可以參考文章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>      

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