Гайз, привет. Вопрос как написать, чтобы отрабатывал лисенер по CSS

Question

Гайз, привет. Вопрос как написать, чтобы отрабатывал лисенер по CSS

селектор содержит?
document.addEventListener( "click", clicksListener );
function clicksListener(event){
var element = event.target;
if (element.matches("JobCard_panel__2Orwj")) {
console.log("Click - "+element.innerText);
}
}

#javascript #programming #russian

0

24.03.2021

17 ответов

7 просмотров

Евгений Автор вопроса

Alex
'лисенер по CSS селектор содержит?’ здесь всё норм...

Ну клик по CSS селектору )

0

24.03.2021

Александр Михайлов

Евгений
Ну клик по CSS селектору )

может тебе класс надо сначала выбрать или id?

0

24.03.2021

Александр Михайлов

Евгений
Ну клик по CSS селектору )

document.querySelector('.box1').addEventListener('click', f)

0

24.03.2021

Alex

В данном случае ты пытаешься делегировать событие через document

0

24.03.2021

Евгений Автор вопроса

Александр Михайлов
document.querySelector('.box1').addEventListener('...

Нет у меня 1000 карточек

0

24.03.2021

Александр Михайлов

Евгений
Нет у меня 1000 карточек

ну дык карточки одним классом назвать не?

0

24.03.2021

Евгений Автор вопроса

Александр Михайлов
ну дык карточки одним классом назвать не?

названы, только query selector возьмет первую в списке только

0

24.03.2021

Александр Михайлов

Евгений
названы, только query selector возьмет первую в сп...

querrySelectorAll

0

24.03.2021

Евгений Автор вопроса

Александр Михайлов
querrySelectorAll

Нет, не могу так использовать так как страницы на SSR и при переходе скрипт не увидит эллементы

0

24.03.2021

Александр Михайлов

Евгений
Нет, не могу так использовать так как страницы на ...

React?

0

24.03.2021

Евгений Автор вопроса

Александр Михайлов
React?

На дом можно только вешать, тогда все работает, по этому и спрашиваю как вот этот код переписать document.addEventListener( "click", clicksListener ); function clicksListener(event){ var element = event.target; if (element.matches("JobCard_panel__2Orwj")) { console.log("Click - "+element.innerText); } }

0

24.03.2021

iQs Solution

Евгений
На дом можно только вешать, тогда все работает, по...

var element = event.target; Что этой переменной хотите получить?, в таргете массив данных.

0

24.03.2021

Евгений Автор вопроса

iQs Solution
var element = event.target; Что этой переменной х...

Есть карточка товара, на ней есть Текст, ссылка, дескрипшит, вот мне нужно повесить Лисенер при нажатии на CSS селектор, чтобы отрабатывал код

0

24.03.2021

iQs Solution

Евгений
Есть карточка товара, на ней есть Текст, ссылка, д...

Получай через цикл все товары, и вешай функцию с листнером на этот цикл, получи по клику уникальный ключ, вешать можно ключ на компонент любой, некоторые пишут data-key="key+i+1" Ну в общем в каждой карточке через цикл должен быть свой уникальный ключ, как прицепишь уникальный ключ, по клику получи его значение, дальше как получишь, цепляй условия, или функцию, что там должно произойти по клику. Улетает в корзину например.

0

24.03.2021

Евгений Автор вопроса

iQs Solution
Получай через цикл все товары, и вешай функцию с л...

Гайз, комон, нет. не будет так работать. Элемента на странице не существует, дом не загружается, куда вешать ?

0

24.03.2021

iQs Solution

Евгений
Гайз, комон, нет. не будет так работать. Элемента ...

Тогда получи массив данных, и выведи для начала в цикле на страницу.

0

24.03.2021