логотип PurpleSchool

.removeEventListener() в JavaScript

Автор

Дмитрий Фандорин

.removeEventListener() - это метод JavaScript, который позволяет удалить ранее добавленный обработчик событий из элемента на веб-странице. Он используется для того, чтобы перестать слушать события браузера, когда это больше не нужно.

Форма записи

.removeEventListener() имеет следующий синтаксис:

element.removeEventListener(event, function, useCapture);

где:

  • element
    • это элемент на веб-странице, из которого мы хотим удалить обработчик события.
  • event
    • это строка, представляющая тип события, на которое мы реагируем (например, 'click', 'mouseover', 'keydown' и т.д.).
  • function
    • это функция-обработчик, которую мы хотим удалить.
  • useCapture
    • это опциональный параметр, который указывает, был ли обработчик вызван на этапе перехвата (true) или на этапе всплытия (false). По умолчанию значение useCapture равно false.

Описание работы

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

Пример использования .removeEventListener() для удаления обработчика клика на кнопке:

const button = document.querySelector('button');
const handleClick = function() {
  console.log('Кнопка нажата!');
};

button.addEventListener('click', handleClick);

// Через некоторое время удаляем обработчик клика
setTimeout(function() {
  button.removeEventListener('click', handleClick);
}, 5000);

В данном примере мы добавляем обработчик клика на кнопку с помощью метода .addEventListener(), а затем удаляем его через 5 секунд с помощью метода .removeEventListener(). Функция-обработчик выводит сообщение в консоль при клике на кнопку.

Заключение

.removeEventListener() - это метод JavaScript, который позволяет удалить ранее добавленный обработчик событий из элемента на веб-странице. Он используется для того, чтобы перестать слушать события браузера, когда это больше не нужно. Корректное использование .removeEventListener() может помочь улучшить производительность и уменьшить использование ресурсов.

изображение курса

Основы JavaScript

Антон Ларичев
иконка часов18 часов лекций
иконка зведочки рейтинга4.8
Frontend
Backend
Mobile
Основы JavaScript