jquery onclick thâm nhập vào phần tử cha

Question

Làm cách nào để tôi dừng onclick đối với phần tử bên trong cũng từ việc nhấp qua phần tử gốc của nó.

<div id="1" onclick="alert('1')"> 
<div id="2" onclick="alert('2')"></div> 
</div> 

Nếu div thứ hai (id = "2") là rõ ràng trên người đầu tiên, và nó được nhấp, Bạn sẽ nhận được cả hai cảnh báo 1 & 2.

Làm thế nào tôi có thể tránh điều này nên Tôi chỉ nhận được cảnh báo từ những gì tôi (rõ ràng) nhấp vào, Nếu không hoàn toàn vô hiệu hóa bất kỳ chức năng onclick div bên ngoài có thể sở hữu.

Ví dụ:http://jsfiddle.net/DPCx8/

Answer 1

​var outer = document.getElementById('outer'); 
outer.onclick = function(event) 
    { 
     alert('outer'); 
     event.stopPropagation(); 
    }​​ 
    var inner = document.getElementById('inner'); 
inner.onclick = function(event) 
    { 
     alert('inner'); 
     event.stopPropagation(); 
    } 

http://jsfiddle.net/DYykA/1/

Answer 2

Bạn cần phải stop the propagation ở đứa trẻ, vì vậy sự kiện này không bong bóng lên đến phụ huynh.

$("#inner").on("click", function(e){ 
    e.stopPropagation(); 
}); 

Answer 3

sử dụng event.stopPropogation(); để ngăn chặn bong bóng của sự kiện