对父母点击触发事件但不对孩子触发

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/