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

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan: 2016-05-16 19:13:45
asal
1084 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.

 
 
 
 
sumber:php.cn
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