удалить событие js

Аватар пользователя Aleksey
Aleksey
31 марта 2023

В предыдущем примере мы создавали и вызывали новое событие на элементе body. Теперь, удалим обработчик этого события:

function customClickHandler(event) {
  console.log('Сработало событие');
  console.log(event.detail.msg);
}

const customClickEvent = new CustomEvent('customClick', {
  detail: {
    msg: 'some message',
    data: '...',
  },
});

document.body.addEventListener('customClick', customClickHandler); // Назначаем обработчик событию
document.body.dispatchEvent(customClickEvent); // Запускаем событие
document.body.removeEventListener('customClick', customClickHandler); // Удаляем обработчик событий

Функция customClickHandler() обрабатывает событие customClickEvent и выводит сообщение в консоль. Далее, создается новое событие CustomEvent с именем customClick и свойством detail, содержащим объект с свойством данными. Затем метод addEventListener() используется для добавления обработчика события к элементу document.body. Запускается событие customClickEvent с помощью метода dispatchEvent().

Наконец, метод removeEventListener() вызывается на элементе document.body, чтобы удалить обработчик событий. Важно, функция-обрабочик должна быть задана отдельно. Только в этом случае удаление обработчика будет успешным.

0 0
Познакомьтесь с основами JavaScript бесплатно