ホームページ >ウェブフロントエンド >jsチュートリアル >阻止JavaScript事件冒泡传递(cancelBubble 、stopPropagation)_javascript技巧

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
2016-05-16 19:13:451088ブラウズ

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 までご連絡ください。