Я получаю странное поведение с моим событием "mouseup". У меня есть div внутри div. Событие mouseup прикрепляется к ВНЕШНЕМУ div, но если я нажимаю на INNER div, e.target устанавливается в дочерний div вместо родительского div, в котором есть событие.
Это нормально?
<div class="parent">
<div class="child"></div>
</div>
So a:
$("body").on('mouseup', '.parent',myMethod);
Сообщает e.target как дочерний элемент, если по нему точно нажали.
Обратите внимание на разницу между .target и .currentTarget
Это свойство объектов события представляет собой объект, на который было отправлено событие. Он отличается от event.currentTarget, когда обработчик события вызывается на этапе всплытия или захвата события.
event.target // Ссылка на цель, на которую изначально было отправлено событие.event.currentTarget // Ссылка на текущую зарегистрированную цель для события.Стоит протестировать:
$("body").on('mouseup', '#parent1', function (e) {
console.log(e.target,e.currentTarget);
});
Демонстрация jQuery
Демонстрация простой JavaScript
Больше чтения:
MDN: event.target
MDN: событие
jQuery (пояснение о прямых и делегированных событиях)
