Как сделать так, чтобы событие щелчка запускалось ТОЛЬКО на родительском DIV, а не на дочерних?

Question

Как сделать так, чтобы событие щелчка запускалось ТОЛЬКО на родительском DIV, а не на дочерних?

У меня есть DIV с классом foobar и несколько DIV внутри этого DIV, которые не относятся к классу, но я полагаю, что они наследуют класс foobar :

$('.foobar').on('click', function() { /*...do stuff...*/ });

Я хочу, чтобы это срабатывало только при нажатии где-нибудь в DIV, но не на его дочерних DIV.

188

jquery events onclick

задан Saurav Rastogi 6 December 2016 в 06:49

1 ответ

Другие вопросы по тегам:

jquery events onclick

Похожие вопросы:

score 0 · Answer 1

Если вы не можете использовать pointer-events: none; и ориентируетесь на современные браузеры, вы можете использовать composedPath для обнаружения прямого щелчка по объекту, например, так:

element.addEventListener("click", function (ev) {
    if (ev.composedPath()[0] === this) {
        // your code here ...
    }
})

Вы можете узнать больше о compedath здесь : https://developer.mozilla.org/en-US/docs/Web/API/Event/composedPath