HTML DOM removeEventListener() Method

Przykład

Usuwanie "mousemove" wydarzenie, które zostało załączony z addEventListener() metody:

// Attach an event handler to <div>
document.getElementById("myDIV").addEventListener("mousemove", myFunction);

// Remove the event handler from <div>
document.getElementById("myDIV").removeEventListener("mousemove", myFunction);

Spróbuj sam "

Definicja i Wykorzystanie

removeEventListener() sposób usuwa obsługi zdarzeń, która jest przymocowany z addEventListener() sposobu.

Uwaga: W celu usunięcia obsługi zdarzeń funkcja określony z addEventListener() sposobu może być funkcją zewnętrznych, jak w powyższym przykładzie (myFunction) .

Anonimowych funkcje, takie jak "elementem. removeEventListener(" event ", function() {myscript});" nie będzie działać.

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

Składnia

element .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: prawda - Usuwa obsługi zdarzeń z fazy przechwytywania fałszywie domyślny. Usuwa obsługi zdarzeń z fazy propagacji Uwaga: Jeśli procedura obsługi zdarzenia dołączono dwa razy, jeden z wychwytywaniem i jeden bulgotanie, każdy musi być usunięte oddzielnie.

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:

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);
}

Spróbuj sam "