2

Имеется блок div, в котором ссылка. Когда происходит клик по ссылке, вызывается и события клика для блока. Как разграничить события?

1 ответ 1

6

Вы столкнулись со всплытием событий (event bubbling) - механизм DOM-модели, при котором событие, вызванное на каком-то элементе, распространяется на родительские элементы в иерархии DOM (или "всплывает").

"Всплытие" происходит всегда - это стандартное поведение. Но есть возможность в обработчике остановить "всплытие" и не пустить событие дальше вверх по иерархии. Если вы используете jQuery, то используйте функцию stopPropagation() в объекте event:

$('a').click(function (event) {
    event.stopPropagation();
    // TODO
});

Пример практически полностью взят из документации: http://api.jquery.com/event.stoppropagation


Более подробно про всплытие событий и про то, как его правильно остановить в чистом javascript, смотрите здесь: Всплывающие события (Bubbling)

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.