javascript - 单击容器但不单击容器中的元素时发生 jQuery/js 事件

Question

我希望在容器上有一个点击事件，但是当我点击容器内的元素时不:

$('.container').click(function(event) {
    history.back(1);
});

但是当我点击时，不应该调用history.back()

<div class="container"><a href="URL">Link</a></div>

是否可以从容器事件中排除该链接？

Answer 1

你可以这样做:

$('.container').click(function(event) {
    if(event.target.nodeName.toLowerCase() == 'div' ) {
    // code
    }
});