При $(document).click(selector) как не обрабатывать вложенные элементы в jQuery?

Question

[Роман Морозов]

Есть DOM:

<div class="e-1" data-phone="123">
  <span>Текст</span>
  <span>Текст</span>
  <div>
    <span>Текст</span>
  </div>
</div>

Есть мой JS:

$(document).click('.e-1', function(event) {
console.log(event.target)
});

Событие через document ставится, потому что на странице ajax и он подменяет контент. Мне надо обрабатывать клик на '.e-1' и получать его атрибуты, а у меня event.target показывает что клик на вложенном элементе, на span.

Если сделать так:

$('.e-1').click(function(){
console.log(this)
})

- тут нужный нам элемент

Как заставить обрабатывать события jquery на указанном элементе, а не на вложенном? Делать дополнительную логику и пробираться от event.target к нужному элементу не хочется

Comments

[Антон Литвиненко]

event.stopPropagation()
или return false в конце

[Роман Морозов]

Антон Литвиненко, как распостранение события влияет на нужный мне элемент? На нужном элементе событие не срабатывает, только на вложенных

Я пытался добавить в функцию фильтр, но событие не пробрасывается выше почему-то
if (! $(event.target).is(event.data)) return true;

[Эдуард]

event.stopImmediatePropagation();
если я правильно понял вопрос

[Антон Литвиненко]

Роман Морозов,

$(document).on('click', '.e-1', function(event) {
  //console.log(event.target);
  console.log(this.dataset.phone);
});

возвращает атрибут при клике на нем в любом месте

Answer 1

[0xD34F]

$(document).click('.e-1', function(event) {
console.log(event.target)
});

Вот бы узнать: первый параметр метода click, он тут по вашему мнению как используется? Мне кажется, вы не до конца понимаете, что написали.

Устанавливаем делегированный обработчик правильно, смотрим у объекта события свойство currentTarget:

$(document).on('click', '.e-1', function(e) {
  console.log(e.currentTarget);
});

Comments

[Роман Морозов]

event.currentTarget = document
event.target = span

а мне надо получить div.e-1

Верстка внутри нужного мне элемента может быть другая, делать много условий и подыматься вручную до нужного мне элемента не хочется.

[Роман Морозов]

Точно, при $(document).on('click'
event.currentTarget стало нужным мне элементом!