СП
"либо повесь листенер на родителя и проверяй e.target"
Это как?
Size: a a a
2020 June 01
M
parent.addEventListener("click", (e) => {
if (e.target.classList.contains("action")) {
...
}
...
});СП
Mr. Nobody
parent.addEventListener("click", (e) => {
if (e.target.classList.contains("action")) {
...
}
...
});но в e.target может быть элемент, который внутри .action. Это получается ещё родителей надо проверять...
СП
может есть уже какой-то готовый пакет под это дело?
M
но в e.target может быть элемент, который внутри .action. Это получается ещё родителей надо проверять...
ну надо сразу было уточнять это, лучше в песочницу наверное оформить чтобы было понятнее
M
да и если потомки динамически формируются, придётся в любом случае через родителя делать и проверку условий
СП
Mr. Nobody
ну надо сразу было уточнять это, лучше в песочницу наверное оформить чтобы было понятнее
Я поэтому и привёл пример на jQuery :)
M
Я поэтому и привёл пример на jQuery :)
я про структуру html, чтобы понимать что у тебя в .action может быть
В
Добрый вечер!
Подскажите, как сделать на ванильном JS обработку события вот в таком виде?
На jQuery:
Подскажите, как сделать на ванильном JS обработку события вот в таком виде?
На jQuery:
var $container = $('.container');
$container.on('click', '.action', function() {
...
});На JS:
```let container = document.getElementsByClassName('container')[0];
???
[ ...document.querySelectorAll('.container .action') ].forEach((element) => {
element.addEventListener('click', () => {
// code
});
});S
[ ...document.querySelectorAll('.container .action') ].forEach((element) => {
element.addEventListener('click', () => {
// code
});
});
СП
[ ...document.querySelectorAll('.container .action') ].forEach((element) => {
element.addEventListener('click', () => {
// code
});
});не учитывает, что динамически может быть .action добавлен
В
не учитывает, что динамически может быть .action добавлен
Ты о чем?
СП
Вот это надо чуть допилить, чтобы на элемент можно было вешать
СП
Ты о чем?
.action может появится в контейнере уже после того, как будет повешено событие
M
+