Я пытаюсь использовать .on(), чтобы рассказать мне, что я щелкнул внутри региона. Чтобы зафиксировать точный элемент, на который я нажал, я звоню event.stopPropagation(), чтобы он не пузырялся, но мой вывод всегда #containerDiv и его содержимое.
Как я могу видеть, что именно было нажато в пределах #containerDiv? Фрагмент кода ниже:
$("#containerDiv").on("click",function(event){
event.stopPropagation();
console.log($(this));
});
Использование event.target, не $(this); последний всегда будет элементом, которому был назначен обработчик.
Когда вы регистрируете событие на контейнере, событие имеет , которое уже зашуршало.
Попробуйте дать метод on()selector:
$("#containerDiv").on("click", "*", function(event){
event.stopPropagation();
console.log($(this));
});
Работает! Я также нашел другой способ сделать это. Вместо event.stopPropagation event.target вернет элемент, который вызвал обработчик. – devnill
@ jfriend00: Я считаю, что применяется только для делегированных событий; этот случай не один. – Ryan
Downvote отменен. Да это правда. Это относится к делегированным событиям. OP появляется так, как будто они хотят использовать делегированные обработки событий, но они делают это вручную. Они могли бы просто поместить селектор для фактического объекта в качестве аргумента '.on()', и тогда им не придется вручную использовать 'event.target'. – jfriend00
@ jfriend00: Это правда. Я должен был знать, что в моем ответе недостаточно jQuery. ';)' – Ryan