javascript - 在父点击而不是在子点击时触发事件

Question

如果我有一个绝对定位的父 div，然后是一个具有更高 z-index 并且相对定位的子 div，有没有办法只有在单击父 div 而不是内部 div 时才注册单击事件?

相关的jsFiddle

更新了带有文本输入示例的小提琴

Answer 1

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

演示：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/