пример
Удаление "mousemove" событие , которое было прикреплено с addEventListener() метод:
// Attach an event handler to <div>
document.getElementById("myDIV").addEventListener("mousemove",
myFunction);
// Remove the event handler from <div>
document.getElementById("myDIV").removeEventListener("mousemove", myFunction); Попробуй сам " Определение и использование
removeEventListener() метод удаляет обработчик события , который был прикреплен с addEventListener() метод.
Примечание: Для удаления обработчиков событий, вызывается функция , заданная с addEventListener() метода должна быть внешней функцией, как и в приведенном выше примере (myFunction) .
Анонимные функции, такие как "элемент. removeEventListener(" event ", function() {} MyScript);" не будет работать.
Поддержка браузеров
Числа в таблице указать первую версию браузера, который полностью поддерживает метод.
| метод | |||||
|---|---|---|---|---|---|
| removeEventListener() | 1,0 | 9,0 | 1,0 | 1,0 | 7,0 |
Синтаксис
element .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() метод.
Этот пример демонстрирует решение кросс-браузер:
var x = document.getElementById("myDIV");
if (x.removeEventListener) { // For all major browsers, except IE 8 and earlier
x.removeEventListener("mousemove", myFunction);
} else if (x.detachEvent) { // For IE 8 and earlier versions
x.detachEvent("onmousemove", myFunction);
} Попробуй сам " Похожие страницы
JavaScript Учебник HTML DOM EventListener
JavaScript Ссылка: документ. removeEventListener()