Kích hoạt sự kiện trên nhấp chuột gốc nhưng không phải trên trẻ em

Question

Nếu tôi có div cha mẹ được đặt hoàn toàn và sau đó div con có chỉ mục z cao hơn và được định vị tương đối, có cách nào để chỉ đăng ký sự kiện nhấp chuột nếu div cha được nhấp vào, nhưng không phải div bên trong?

Relevant jsFiddle

Updated fiddle with text input example

Answer 1

$(".parent").click(function(e) { 
    if (e.target == this) { 
     $(this).hide(); 
    } 
});​ 

DEMO:http://jsfiddle.net/Bt5HA/4/

Answer 2

Thay đổi:

$('.child a').click(function(e) { 
    $(this).parent('.child').hide(); 
});​ 

Answer 3

yếu tố Tiếp cận con và trả về false khi họ đang nhấp http://jsfiddle.net/Bt5HA/3/

Answer 4

Hãy thử này

$('#child').click(function(event) { 
event.stopPropagation(); 
alert('You clicked Child'); 
}); 


$('#parent').click(function() { 
alert('You clicked on Parent'); 
}); 

Bạn có thể kiểm tra làm việc ở đây http://jsfiddle.net/VnHGh/24/