Rumah > hujung hadapan web > tutorial js > 阻止JavaScript事件冒泡传递(cancelBubble 、stopPropagation)_javascript技巧

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan: 2016-05-16 19:13:45
asal
1102 orang telah melayarinya

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.

 
 
 
 
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan