0

Не пойму почему не работает клик. Делаю клик по элементу с id link_2, но он не срабатывает.

document.addEventListener("click", function(e) {
    if (e.target.querySelector.contains(`link_${2}`)) {
        console.log('сработало');
    }});

2 ответа 2

0

Какой-то весьма извращенный способ узнать id элемента

e.target.querySelector.contains

Я даже не буду спрашивать, что вы хотели этим сделать

document.addEventListener("click", function(e) {
  if (e.target.id == 'link_2') {
    console.log('сработало');
  }
});
<div id="link_1">Link 1</div>
<div id="link_2">Link 2</div>

5
  • Если есть вложенные элементы, то будет так себе работать...
    – Qwertiy
    15 июн 2018 в 16:19
  • @Qwertiy Угу. Но автор пишет Делаю клик по элементу с id link_2. Отсюда делаем вывод, что вложенности нет 15 июн 2018 в 16:26
  • Но querySelector.contains напоминает поиск...
    – Qwertiy
    15 июн 2018 в 16:29
  • 1
    ru.stackoverflow.com/q/842694/178988 - я угадал)
    – Qwertiy
    16 июн 2018 в 7:41
  • @Qwertiy Ну и кто автору виноват, что он не умеет формулировать свои мысли? 16 июн 2018 в 13:53
0

И не будет срабатывать. e.target - это тот элемент, который кликнули. Скорее всего, .querySelector.contains(...) надо заменить на .closest("#link2").

4
  • Использовать closest с делегированием на весь document весьма рискованно, особенно если элементов с данным id больше чем один.
    – user192664
    17 июн 2018 в 18:47
  • @NikitaSmith, ты какую-то ерунду говоришь... Во-первых, какая разница куда делегирование, если closest ищет не в документе, а от event.target? Во-вторых, а какого перепуга id должны быть одинаковые?
    – Qwertiy
    17 июн 2018 в 19:40
  • Да самый простой пример, если ты будешь загружать какие-нибудь новости на страницу через тот же handlbars из массива объектов, то делегирование надо вешать на шаблонную форму. И closest никогда не дает гарантии того, что ты нажал именно на нужный элемент. Спорить не собираюсь.
    – user192664
    17 июн 2018 в 19:55
  • @NikitaSmith, "И closest никогда не дает гарантии того, что ты нажал именно на нужный элемент" - что значит не даёт? Вообще не понимаю, что тебя с ним не устраивает.
    – Qwertiy
    17 июн 2018 в 20:17

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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