Как привязать клик по элементу создаваемых в цикле?

Question

[badHEX]

Как привязать клик по элементу создаваемых в цикле? Если делать так то переменная "ab" перезаписывается и клик будет всегда по последнему элементу. Как сделать что бы клик был привязан только к созданному в цикле?

Comments

[FabiBoom]

Добавлять обработчик на родителя. Иными словами использовать делегирование.

Answer 1

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

Вместо onClick используйте addEventListener()


Upd. Корректнее вешать единственный общий обработчик на родительский элемент - он «поймает» все клики на элементы внутри себя.

Comments

[Павел Диденко]

А разве такое решение правильное?
Если цикл нагенерирует 500 ссылок, то получается будет 500 событий?

Не лучше ли повесить обработчик клика на app и проверять, что таргет был ссылкой?

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

Павел Диденко, событий меньше/больше не будет. В таком варианте будет 500 обработчиков, что для JS такое же ничто как и 2.

Вы правы, в общем корректнее вешать один обработчик на родителя и там разбираться, по какому элементу с каким i кликнули. Добавил такой вариант в ответ.

Из вопроса не понятна общая задача ТС – может, в родителе есть уже и другие элементы, а слушателей он хочет добавить только свежесозданным?

[badHEX]

Сергей Соколов,

Из вопроса не понятна общая задача ТС – может, в родителе есть уже и другие элементы, а слушателей он хочет добавить только с свежесозданным?

В точку!!! По чему так и делаю