對父母點擊觸發事件但不對孩子觸發

Question

如果我有一個絕對定位的父母div，然後是一個具有較高Z-索引並相對定位的子div，是否有辦法只有一個點擊事件寄存器如果父div被點擊，但不是內部div？

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

更改爲：

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

Answer 3

訪問子元素並返回false正在單擊時http://jsfiddle.net/Bt5HA/3/

Answer 4

嘗試這個

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


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

您可以檢查在這裏工作 http://jsfiddle.net/VnHGh/24/