Size: a a a

JS Liberty [ОЫ]

2020 August 06

p

persona x grata in JS Liberty [ОЫ]
Так же можно смотреть ковер
источник

N

Nick in JS Liberty [ОЫ]
он вообще может на ребуте истерически ждет когда включится чтобы досмотреть порево
источник

R

Rovshan in JS Liberty [ОЫ]
Привет ребят, есть ли в нативном js аналог:
$('.clickable-elements element').on('click', 'a', function(e){
       //Какое-то действие
});

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

N

Nick in JS Liberty [ОЫ]
Rovshan
Привет ребят, есть ли в нативном js аналог:
$('.clickable-elements element').on('click', 'a', function(e){
       //Какое-то действие
});

это для того чтобы повесить событие клика для динамически добавляемых элементов на страницу
ну так onClick - можно сделать в самом элементе. ну а если нет то

getElementById
источник

p

persona x grata in JS Liberty [ОЫ]
Rovshan
Привет ребят, есть ли в нативном js аналог:
$('.clickable-elements element').on('click', 'a', function(e){
       //Какое-то действие
});

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

R

Rovshan in JS Liberty [ОЫ]
у меня сейчас так написано:
const prizesItemBtn = document.querySelectorAll('.prizes__item-btn');
const prizeIdInput = document.querySelector('#get-prize input[name="PRIZES"]');
const historyIdInput = document.querySelector('#get-prize input[name="HISTORY"]');
prizesItemBtn.forEach((item) => {
   item.addEventListener('click', function () {
       const prizeId = this.parentNode.getAttribute('data-prize-id');
       const historyId = this.parentNode.getAttribute('data-history-id');
       prizeIdInput.setAttribute('value', prizeId);
       historyIdInput.setAttribute('value', historyId);
   })
});

и это не работает на новых элементах на странице.
источник

В

Виктория in JS Liberty [ОЫ]
Детальнее, пожалуйста
источник

В

Виктория in JS Liberty [ОЫ]
Что значит не работает?
источник

В

Виктория in JS Liberty [ОЫ]
Ошибка в консоли
источник

p

persona x grata in JS Liberty [ОЫ]
Rovshan
у меня сейчас так написано:
const prizesItemBtn = document.querySelectorAll('.prizes__item-btn');
const prizeIdInput = document.querySelector('#get-prize input[name="PRIZES"]');
const historyIdInput = document.querySelector('#get-prize input[name="HISTORY"]');
prizesItemBtn.forEach((item) => {
   item.addEventListener('click', function () {
       const prizeId = this.parentNode.getAttribute('data-prize-id');
       const historyId = this.parentNode.getAttribute('data-history-id');
       prizeIdInput.setAttribute('value', prizeId);
       historyIdInput.setAttribute('value', historyId);
   })
});

и это не работает на новых элементах на странице.
Кодпен залей
источник

В

Виктория in JS Liberty [ОЫ]
Или код просто не отрабатывает
источник

В

Виктория in JS Liberty [ОЫ]
Или еще что-нибудь
источник

p

persona x grata in JS Liberty [ОЫ]
источник

А

Алексей in JS Liberty [ОЫ]
Rovshan
Привет ребят, есть ли в нативном js аналог:
$('.clickable-elements element').on('click', 'a', function(e){
       //Какое-то действие
});

это для того чтобы повесить событие клика для динамически добавляемых элементов на страницу
if (e.target.querySelector()) какое-то действие
источник

З🧟

Зомби 🧟‍♂️... in JS Liberty [ОЫ]
а  jq не нативный js?)
источник

N

Nick in JS Liberty [ОЫ]
Ну там упрощено же все
источник

N

Nick in JS Liberty [ОЫ]
Монолитно
источник

N

Nick in JS Liberty [ОЫ]
))
источник

F

Foma in JS Liberty [ОЫ]
Rovshan
Привет ребят, есть ли в нативном js аналог:
$('.clickable-elements element').on('click', 'a', function(e){
       //Какое-то действие
});

это для того чтобы повесить событие клика для динамически добавляемых элементов на страницу
parent.addEventListener("сlick", e=>{
 if(e.terget.matches(".child")){
   ///
 }
})
источник

F

Foma in JS Liberty [ОЫ]
el.dataset.PriceId
источник