удалить событие js
Ответы
В предыдущем примере мы создавали и вызывали новое событие на элементе 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
