亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

Jquery阻止事件冒泡 event.stopPropagation

 更新時間：2011年12月11日 22:53:40   作者：  
幫朋友寫了一個小效果，單擊標簽后標簽變色并添加一個叉的圖片，點擊叉標簽恢復原樣，具體效果請點擊下面的result
描述： 防止事件冒泡到DOM樹上，也就是不觸發(fā)的任何前輩元素上的事件處理函數(shù)。

version added: 1.0
event.stopPropagation()
我們可以用 event.isPropagationStopped() 來確定這個方法是否(在那個事件對象上)調用過了。

這個方法對 trigger() 來自定義的事件同樣有效。

注意，這不會阻止同一個元素上的其它事件處理函數(shù)的運行。

Additional Notes:
自從.live()方法處理事件一旦傳播到文檔的頂部，live事件是不可能停止傳播的。同樣地，.delegate() 事件將始終傳播給其中包含的被委托元素；元素上的事件將在被委托事件被調用的時候執(zhí)行。
Example:
滅掉click事件的冒泡。
復制代碼 代碼如下:

$("p").click(function(event){
event.stopPropagation();
// do something
});


東西并不難，主要是記錄下其中的阻止事件冒泡。

　　因為div添加了單擊事件，div內部的img也添加了單擊事件，所以當單擊img時會先觸發(fā)img上的單擊事件，再觸發(fā)div上的單擊事件，這就是事件冒泡。

　　在Jquery中我們可以很方便的阻止他。

　　如下

復制代碼 代碼如下:
event.stopPropagation();

　　這樣一來單擊img就不再觸發(fā)div的單擊事件啦

復制代碼 代碼如下:

$('div').click(function(){
var $div = $(this);
if($div.find('img').size() > 0){
return;
}else{
$div.css('backgroundColor','#e1f0f3');
$('<img src="http://chabaoo.cn/lovejjhao/341157/o_cha.jpg"/>').
appendTo($(this)).click(function(event){
$div.css('backgroundColor','#ffffff');
$(this).remove();
event.stopPropagation();
}).css('margin-left','10px');
}
});

相關文章

最新評論