Question

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

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

但是当我点击

时，不应该调用history.back（）

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

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

Answer 1

在点击事件处理程序中使用event.stopPropagation();：

 event.stopPropagation();

Answer 2

你可以这样做：

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

Answer 3

试试这个：

$('.container').click(function(event) {
    if(event.target === event.currentTarget) history.back(1);
    //(event.target === this) => Equivalent.
});

单击容器时的jQuery / js事件，但不是容器中的元素

3 个答案: