javascript - 防止 JQuery 点击监听器

Question

我在 div 上有一个 .click()。

我在 div 中添加了一个按钮，现在每次单击该按钮时，JQuery 都会执行与 div 关联的功能，并且执行按钮上的操作。

我理解它为什么这样做。我想知道是否可以让点击监听器忽略 child ？

是否已经有一个函数/语法，或者我需要从头开始制作一个？ div 和按钮由 #id 调用。

Answer 1

要让事件监听器忽略子项，您可以检查绑定(bind)元素是否与目标相同

$('div').on('click', function(e) {

    if ( e.target === this ) {
       // DIV was clicked, not children
    }

});

或者反其道而行之，防止事件冒泡

$('div button').on('click', function(e) {
    e.stopPropagation();
});