HTML DOM Belgesi removeEventListener()
Örnek
addEventListener() yöntemiyle eklenmiş bir "mousemove" olayını kaldırın:
// Attach an event handler to the document
document.addEventListener("mousemove", myFunction);
// Remove the event handler from the document
document.removeEventListener("mousemove", myFunction);
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
Document.removeEventListener() yöntemi, document.addEventListener() yöntemiyle eklenmiş bir olay işleyicisini kaldırır .
Not: Olay işleyicilerini kaldırmak için, addEventListener() yöntemiyle belirtilen işlev, yukarıdaki örnekte (myFunction) olduğu gibi harici, "adlandırılmış" bir işlev olmalıdır.
"document.removeEventListener(" event ", function(){ myScript });" gibi anonim işlevler çalışmayacak.
İpucu: Belirtilen bir öğeye olay işleyicileri eklemek/kaldırmak için .addEventListener() öğesini ve .removeEventListener () öğesinin yöntemlerini kullanın .
Sözdizimi
document.removeEventListener(event, function, useCapture)
Parametre Değerleri
Parameter | Description |
---|---|
event | Required. A String that specifies the name of the event to remove. Note: Do not use the "on" prefix. For example, use "click" instead of "onclick". Tip: For a list of all HTML DOM events, look at our complete HTML DOM Event Object Reference. |
function | Required. Specifies the function to remove. |
useCapture |
Optional. A Boolean value that specifies the event phase
to remove the event handler from. Possible values:
|
Teknik detaylar
DOM Sürümü: | DOM Düzey 2 etkinlikleri |
---|---|
Geri dönüş değeri: | Dönüş değeri yok |
Değişiklik günlüğü: | useCapture parametresi Firefox 6 ve Opera 12.0'da isteğe bağlı hale geldi (Chrome, IE ve Safari için her zaman isteğe bağlıydı) |
Daha fazla örnek
Örnek
removeEventListener() yöntemini desteklemeyen tarayıcılar için detachEvent() yöntemini kullanabilirsiniz.
Bu örnek, tarayıcılar arası bir çözümü göstermektedir:
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);
}
İlgili Sayfalar
JavaScript Eğitimi: HTML DOM EventListener
JavaScript Referansı: element .removeEventListener()
Tarayıcı Desteği
document.removeEventListener()
bir DOM Düzey 2 (2001) özelliğidir.
Tüm tarayıcılarda tam olarak desteklenir:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |