首頁 > web前端 > js教程 > 阻止JavaScript事件冒泡传递(cancelBubble 、stopPropagation)_javascript技巧

阻止JavaScript事件冒泡传递(cancelBubble 、stopPropagation)_javascript技巧

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
發布: 2016-05-16 19:13:45
原創
1113 人瀏覽過

cancelBubble在IE下有效
stopPropagation在Firefox下有效

复制代码 代码如下:

nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
 
 阻止JavaScript事件冒泡传递(cancelBubble 、stopPropagation) 
 
<script> <BR>function doSomething (obj,evt) { <BR> alert(obj.id); <BR> var e=(evt)?evt:window.event; <BR> if (window.event) { <BR> e.cancelBubble=true; <BR> } else { <BR> //e.preventDefault(); <BR> e.stopPropagation(); <BR> } <BR>} <BR></script> 
 
 
 
 

This is parent1 div.

 
 
 
 

This is child1.

 
 
 
 

This is parent1 div.

 
 

 
 
 

This is parent2 div.

 
 
 
 

This is child2. Will bubble.

 
 
 
 

This is parent2 div.

 
 
 
 
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板