Przykład
Usuwanie "mousemove" wydarzenie, które zostało załączony z addEventListener() metody:
// Attach an event handler to the document
document.addEventListener("mousemove",
myFunction);
// Remove the event handler from the document
document.removeEventListener("mousemove", myFunction);
Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
document. removeEventListener() document. removeEventListener() metoda usuwa moduł obsługi zdarzeń, który został dołączony z dokumentu. addEventListener() metody.
Uwaga: W celu usunięcia obsługi zdarzeń funkcja określony z addEventListener() sposobu może być zewnętrzny, "named" funkcja, podobnie jak w powyższym przykładzie (myFunction) .
Anonimowych funkcje, takie jak "dokumentu. removeEventListener(" event ", function() {myscript});" nie będzie działać.
Wskazówka: Użyj elementu. addEventListener() i elementem. removeEventListener() metody dodawania / usuwania obsługi zdarzeń / do określonego elementu.
Wsparcie przeglądarka
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje metodę.
metoda | |||||
---|---|---|---|---|---|
removeEventListener() | 1,0 | 9.0 | 1,0 | 1,0 | 7.0 |
Uwaga: removeEventListener() metoda ta nie jest obsługiwana w programie Internet Explorer 8 i wcześniejszych wersjach, a Opera 6.0 i wcześniejszych wersjach. Jednak dla tych konkretnych wersji przeglądarek, można użyć detachEvent() metody, aby usunąć obsługi zdarzeń, które zostały załączone z attachEvent() metody (patrz "More Examples" poniżej rozwiązania cross-browser).
Składnia
document.removeEventListener( event , function ,
useCapture )
wartości parametrów
Parametr | Opis |
---|---|
event | Wymagany. Ciąg znaków, który określa nazwę zdarzenia do usunięcia. Uwaga: Nie używaj "on" prefiks. Na przykład za pomocą "click" zamiast "onclick" . Wskazówka: Aby uzyskać listę wszystkich zdarzeń HTML DOM, spojrzeć na nasze kompletne HTML DOM Event Object Reference . |
function | Wymagany. Określa funkcję usunąć. |
useCapture | Opcjonalny. Wartość logiczna, która określa fazę zdarzenia, aby usunąć z obsługi zdarzeń. Możliwe wartości:
|
Szczegóły techniczne
DOM wersja: | DOM Level 2 zdarzenia |
---|---|
Zwracana wartość: | Nie zwraca wartości |
Lista zmian: | Parametr useCapture stał opcjonalnie Firefox 6 i Opera 12.0 (has always been optional for Chrome, IE and Safari) |
Więcej przykładów
Przykład
Dla przeglądarek, które nie obsługują removeEventListener() metody można użyć detachEvent() metody.
Ten przykład pokazuje rozwiązanie różnych przeglądarkach:
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);
}
Spróbuj sam " Podobne strony
JavaScript Tutorial: HTML DOM EventListener
JavaScript referencyjny: pierwiastek. removeEventListener()