Как мнгновенно навешать события?

Question

[RushV]

Всем привет!
Есть объекты создаваемые при клике
let divCol = document.createElement("div");
Сейчас подхватывает только первый, это нулевой объект.
Как сделать что бы навешивались события при каждом клике?
Заранее благодарю!!

document.querySelector('body').addEventListener("change" , function(){
     let v = document.querySelector('.text-white');
     v.addEventListener("change" , function(){
     что то выполнять
    })    
 });

Comments

[Александр]

Если я правильно все понял конечно

document.querySelector('body').addEventListener("click", function() {
  let divCol = document.createElement("div");
  divCol.classList.add('text-white');
  document.querySelector('body').appendChild(divCol);
  divCol.addEventListener("change", function() {
    // что-то выполнять
  });
});

Вызываем функцию, которая навешивает событие на каждый созданный элемент, внутри функции, которая вызывается при клике.

[Сергей Соколов]

В коде не вижу клика — есть зачем-то события change.

может, полениться вешать на каждый-то – слушатели-то, они ж, поди, одинаковые?
Просто там же, сверху, на body слушать события, и фильтровать: есть у кликнутого класс text-white – делать что-то одно, нет — другое.

[Alex_mos]

document.querySelectorПолучает один первый элемент, может в этом проблема? Ну и с кликом как выше написали не совсем понятно

[RushV]

Alex_mos, Пишут что делают через делегирование. Вроде так и делал.
А как получить все элементы в данной ситуации?

[v3shin]

Что-то мне подсказывает, что при каждом изменении (первый change) значения инпута навешивать еще один обработчик изменения на один конкретный инпут (второй change) - не самая здравая идея. Может, поменять первый change на click, а второй вообще убрать?

Answer 1

[Сергей delphinpro]

Для динамически создаваемых элементов следует использовать делегирование событий