пример
Удаление "mousemove" событие , которое было прикреплено с addEventListener() метод:
// Attach an event handler to the document
document.addEventListener("mousemove",
myFunction);
// Remove the event handler from the document
document.removeEventListener("mousemove", myFunction); Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
document. removeEventListener() document. removeEventListener() метод удаляет обработчик событий , который был прикреплен с документом. addEventListener() метод.
Примечание: Для удаления обработчиков событий, вызывается функция , заданная с addEventListener() метод должен быть внешним, "named" под (myFunction) "named" функции, как и в приведенном выше примере (myFunction) .
Анонимные функции, такие как "документ. removeEventListener(" event ", function() {MyScript});" не будет работать.
Совет: Используйте элемент. addEventListener() и элемент. removeEventListener() методы для добавления / удаления обработчиков событий в / из указанного элемента.
Поддержка браузеров
Числа в таблице указать первую версию браузера, который полностью поддерживает метод.
| метод | |||||
|---|---|---|---|---|---|
| removeEventListener() | 1,0 | 9,0 | 1,0 | 1,0 | 7,0 |
Примечание: removeEventListener() метод не поддерживается в Internet Explorer 8 и более ранних версий, и Opera 6.0 и более ранних версий. Однако для этих конкретных версий браузеров, вы можете использовать detachEvent() метод для удаления обработчиков событий , которые были прикреплены с attachEvent() метод (см "More Examples" ниже для решения кросс-браузер).
Синтаксис
document.removeEventListener( event , function ,
useCapture )
Значения параметров
| параметр | Описание |
|---|---|
| event | Необходимые. Строка, задающая имя события для удаления. Примечание: Не используйте "on" префикс. Например, используйте "click" вместо "onclick" . Совет: Для просмотра списка всех событий HTML DOM, смотрите на нашем полный HTML DOM Event Ссылка на объект . |
| function | Необходимые. Задает функцию для удаления. |
| useCapture | Необязательный. Логическое значение, которое определяет фазу события, чтобы удалить обработчик события из. Возможные значения:
|
Технические подробности
| DOM Версия: | Уровень DOM 2 события |
|---|---|
| Возвращаемое значение: | Нет возвращаемого значения |
| Changelog: | Параметр useCapture стал необязательным в Firefox 6 и Opera 12.0 (has always been optional for Chrome, IE and Safari) |
Еще примеры
пример
Для браузеров , которые не поддерживают removeEventListener() метод, вы можете использовать detachEvent() метод.
Этот пример демонстрирует решение кросс-браузер:
if (document.removeEventListener) { // For all major browsers, except IE 8 and earlier
document.removeEventListener("mousemove", myFunction);
} else if (document.detachEvent) { // For IE 8 and earlier versions
document.detachEvent("onmousemove", myFunction);
} Попробуй сам " Похожие страницы
JavaScript Учебник HTML DOM EventListener
JavaScript Ссылка: элемент. removeEventListener()