父点击时触发事件，但子节点不触发事件

Question

如果我有一个绝对定位的父div，然后是一个具有更高z-index并相对定位的子div，那么只有在单击父div时才能有一个click事件寄存器，但是没有内部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

访问子元素，并在点击http://jsfiddle.net/Bt5HA/3/

时返回false

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/