Как получить id ссылки при клике, а не id дочерних элементов?

Question

[rinaz22]

Всем привет! Вызываю функцию по клику body. Когда кликаю на блоки, то клик не срабатывает(так и должно быть), а вот когда кликаю по одной ссылке, то клик считается как клик по body. Как это можно исправить

Вот код ссылки:

<a href="#" id="block"><i class="fa fa-home"></i> <span>Текст <span id="id">текст 2</span></span></a>

Comments

[Надим]

Все правильно, ведь ссылка находится внутри body. Так и должно быть.

[Дмитрий]

Покажите код, как вы получаете id

[Fenion]

Любой клик по странице обрабатывается как клик по body. Код самого обработчика можно посмотреть?

[rinaz22]

Надим Закиров, а почему же при клике на другие ссылки, клик не считается?

[rinaz22]

Дмитрий, Fenion, Вот код:

$("body").click(function(e){
	console.log(e.target.id);
});

[Надим]

rinaz22, в смысле не считается? Считается. Этот код у вас будет срабатывать всегда, какой бы элемент внутри body вы не кликали. Если у вас где-то обработчик срабатывает два раза, значит и установлено два разных обработчика.

[rinaz22]

Надим Закиров, не срабатывает, я вот поставил внутри console.log("1"); и ничего не вышло, кликал несколько раз

[Надим]

rinaz22, покажите сайт.

Answer 1

[Андрей Пастухов]

document.body.addEventListener('click', (e) => {
  const element = e.target.closest('a');
  if (element) console.log(element.id);
});

Answer 2

[Fenion]

$(document).click(function(e){
  console.log(e.target.id);
});