Предотвращение прослушивания JQuery

Question

У меня есть .click() на div.

Я добавил кнопку в div и теперь каждый раз, когда я нажимаю кнопку, то JQuery выполняет функцию, связанную с div и преформ действие на кнопке.

Я понимаю, почему это делается. Мне было интересно, не могу ли я, чтобы прослушиватель кликов игнорировал детей?

Есть ли функция/синтаксис для этого или мне нужно сделать это с нуля? div и кнопка вызывается #id.

Answer 1

Для того, чтобы слушатель событий игнорировать детей, вы можете проверить, что связанный элемент такой же, как мишень

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

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

}); 

Или пойти по другому пути, предотвращая событие от бурлит

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