Я пытаюсь использовать функцию в своем проекте. Но консоль показывает ошибку

Я пытаюсь добавить прослушиватель событий, но столкнулся с проблемой в консоли. Может ли кто-нибудь взглянуть на мой код?

Добро пожаловать в Stack Overflow! Пожалуйста, возьмите тур, осмотритесь и прочитайте центр помощи, в частности Как задать хороший вопрос? Пожалуйста, опубликуйте код, сообщения об ошибках, разметку и другую текстовую информацию как текст, а не как картина текста. Почему: meta.stackoverflow.com/q/285551/157247

— 09.04.2022 16:11

Предоставьте достаточно кода, чтобы другие могли лучше понять или воспроизвести проблему.

— 09.04.2022 16:42

javascript addeventlistener

09.04.2022 16:04

Формы c голосовым вводом в React с помощью Speechly

Пытались ли вы когда-нибудь заполнить веб-форму в области электронной коммерции, которая требует много кликов и выбора? Вас попросят заполнить дату,...

В чем разница между Promise и Observable?

Разберитесь в этом вопросе, и вы значительно повысите уровень своей компетенции.

Сравнение структур данных: Массивы и объекты в Javascript

Итак, вы изучили основы JavaScript и хотите перейти к изучению структур данных. Мотивация для изучения/понимания Структур данных может быть разной,...

Создание собственной системы электронной коммерции на базе Keystone.js - настройка среды и базовые модели

Прошлая статья была первой из цикла статей о создании системы электронной коммерции с использованием Keystone.js, и она была посвящена главным образом...

Приложение для отслеживания бюджета на React js для начинающих

Обучение на практике - это проверенная тема для достижения успеха в любой области. Если вы знаете контекст фразы "Практика делает человека...

Стоит ли использовать React в 2022 году?

В 2022 году мы все слышим о трендах фронтенда (React, Vue), но мы не знаем, почему мы должны использовать эти фреймворки, когда их использовать, а...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вместо document.querySelectorAll, которые возвращают коллекцию, вы должны использовать document.querySelector(). Тогда это сработает.

Но если у вас есть несколько кнопок удаления, используйте: document.querySelectorAll. После этого вы должны выполнить итерацию этой коллекции, чтобы добавить EventListener к каждому элементу.


const btns = document.querySelectorAll('.delete');
btns.forEach(b => b.addEventListener('click', () => {
   // and action
}))

Спасибо за вашу помощь. Я пытался, но, к сожалению, это не работает.

— 09.04.2022 16:08

не могли бы вы поделиться html, пожалуйста. вставьте его в свой вопрос, пожалуйста

— 09.04.2022 16:09

09.04.2022 16:06

Другие вопросы по теме

JavaScript — проблемы с методом eventListener

Как выбрать узлы кода, которые были добавлены с помощью шаблонов?

Есть ли способ, чтобы прослушиватель событий добавления сначала выполнял mousedown, затем mouseover и, наконец, mouseup?

Обратные вызовы события «загрузка» документа не вызываются; как я это испортил?

Javascript Помогите мне сделать это СУХИМ

Как изменить функцию обратного вызова addEventListener в javascript

Случайный нулевой ответ на динамически созданные элементы html

Анимация загрузки счетчика не исчезает после загрузки страницы

Как добавить прослушиватель событий ко всем элементам в массиве

Извлечение связанной функции с этим ключевым словом из addEventListener

Я пытаюсь использовать функцию в своем проекте. Но консоль показывает ошибку

Ответы 1

Другие вопросы по теме

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