點擊元素內的元素時，jQuery事件優先

<script> 
$(document).ready(function() 
    { 
    $("a").click(function(){ 
    alert("Anchor Clicked !") }); 

    $("p").click(function(){ 
    alert("p Clicked !") }); 

}); 
</script> 
</head> 
<body> 
<a href = "#"><p>Click Me ! </p> </a> 
</body> 
</html>

當我點擊鏈接第一個alert("p Clicked !")，然後alert("Anchor Clicked !")出現。點擊元素內的元素時，jQuery事件優先

我想知道這種行爲是否被遵守？

P.S. ：我不能拿出一個適當的標題編輯是值得歡迎的

來源

2013-10-07 Abhishek Singh

Downvoter care to comment ?? –

您可以使用['event.stopPropagation（）;']（http://api.jquery.com/event.stopPropagation/）來防止事件冒泡，例如：http://jsfiddle.net/a2Uz3/ – Joe

當您使用事件冒泡

   A 
      /\ 
---------------| |----------------- 
| element1  | | a tag  | 
| -----------| |-----------  | 
| |element2 | | p tag  | 
| -------------------------  | 
|  Event BUBBLING   | 
-----------------------------------

讀這是由於Event bubbling

What is event bubbling and capturing?

爲了防止Event bubbling

使用event.stopPropagation

jsfiddle DEMO

來源

2013-10-07 14:27:13

點擊元素內的元素時，jQuery事件優先

回答

相關問題