Привет всем. Подскажите Я делаю addEventListener на DOM ноды в цикле. Я

Question

Привет всем. Подскажите Я делаю addEventListener на DOM ноды в цикле. Я

хочу передать ноду аргументом в функцию foo, которую указываю в качестве обработчика для EventListener.

Можно сделать с помощью bind
items.forEach((item, i) => item.addEventListener('click', foo.bind(null, item, i)))

или с помощью анонимной функции
items.forEach((item, i) => item.addEventListener('click', () => foo(item, i)))

В общем с передачей аргумента проблем нет. Есть проблема в удалении обработчика.

Вопрос:
Как добавить обработчик с аргументами, c возможность его потом удалить?

#frontend #javascript #programming #russian #vue.js

0

02.04.2021

17 ответов

11 просмотров

Kirill Tkachenko

а в функции уже можно определить, выполнять что-то или нет, в зависимости от состояния

0

02.04.2021

kristina right

removeEventListener🙈

0

02.04.2021

Alexander Samoylov Автор вопроса

kristina right
removeEventListener🙈

Не работает EventListener

0

02.04.2021

Alexander Samoylov Автор вопроса

Kirill Tkachenko
так не подойдёт ? <div v-for="item in items" :ke...

Нет. Код выполняется не в SFC шаблоне

0

02.04.2021

Vite4eg

kristina right
removeEventListener🙈

Если весить клики на элементы внутри компонента, то лучше юзать вьюшные встроенные способы, там всё само разрегистрируется

0

02.04.2021

kristina right

Vite4eg
Если весить клики на элементы внутри компонента, т...

я прочла так: есть eddEventListener и вопрос как удалить))

0

02.04.2021

Alexander Samoylov Автор вопроса

Vite4eg
Если весить клики на элементы внутри компонента, т...

Это не в внутри компонента

0

02.04.2021

kristina right

через :is можешь сделать?)

0

02.04.2021

Alexander Samoylov Автор вопроса

kristina right
через :is можешь сделать?)

Уже решил) Спасибо

0

02.04.2021

kristina right

Alexander Samoylov
Уже решил) Спасибо

👍🏻 через is с вьюшными обработчиками?)

0

02.04.2021

Alexander Samoylov Автор вопроса

kristina right
👍🏻 через is с вьюшными обработчиками?)

Нет) Подсказали в другом чате сделать вот так. И это работает!)) refs = items.map((item, i) => { const listener = () => foo(item, i) item.addEventListener('click', listener) return () => item.removeEventListener('click', listener) } И чтобы отписать все тупо refs.forEach(f => f())

0

02.04.2021

kristina right

Alexander Samoylov
Нет) Подсказали в другом чате сделать вот так. И ...

как ты это все в итоге рендерить планируешь?)

0

02.04.2021

Alexander Samoylov Автор вопроса

kristina right
как ты это все в итоге рендерить планируешь?)

Обработчики вешаются после рендера. Что тебя смущает ?)

0

02.04.2021

kristina right

Alexander Samoylov
Обработчики вешаются после рендера. Что тебя смуща...

template: <div v-on:click="$emit('click-on-element', event)"></div> как то так может быть попроще было бы) ничего особенно не смущает, просто подумала, что можно было бы оставить вьюшные обработчики)

0

02.04.2021

Alexander Samoylov Автор вопроса

kristina right
template: <div v-on:click="$emit('click-on-element...

У меня рендер не в шаблоне происходит. А в функции. Результат этой функции (готовая разметка) компонента вставляется в DOM. Слегка специфичная задача, связанная с генерацией кастомной легенды для графика плагина chart.js)

0

02.04.2021

kristina right

Alexander Samoylov
У меня рендер не в шаблоне происходит. А в функции...

аа, поняла👌🏻

0

02.04.2021

Kirill Tkachenko · Accepted Answer

Kirill Tkachenko

так не подойдёт ? <div v-for="item in items" :key="item.id" @click="foo" \>

0

02.04.2021

169 похожих чатов

Привет всем. Подскажите Я делаю addEventListener на DOM ноды в цикле. Я

17 ответов

Похожие вопросы