Проблема с кликом JS

230
19 июля 2018, 18:30

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

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

Какой-то весьма извращенный способ узнать 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>

Answer 2

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

READ ALSO
Динамические поля формы и Drag and Drop
javascript

Динамические поля формы и Drag and Drop

Есть таблица в которой динамические создаются строки с input (календарь) эти поля можно перемещать (Drag and Drop)

 279
Получить id элемента при клике на него Vue.js
javascript

Получить id элемента при клике на него Vue.js

У меня создается список, из элементов которого по клику нужно получить id, но у меня не получается это сделатьКак можно получить id? Заранее...

 285
При oninput на &lt;textarea&gt; появляются множество строк &lt;p&gt;. При клике на &lt;p&gt; нужно получить его innerHTML
javascript

При oninput на <textarea> появляются множество строк <p>. При клике на <p> нужно получить его innerHTML

Имеется textarea#text и отдельно стоящий divПри вводе текста (oninput) формируется ajax-запрос, который выводит в div (ранее совершенно пустой) строки до 600 штук...

 238
js Плавная анимация блока
javascript

js Плавная анимация блока

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

 259