HTML DOM removeEventListener() Yöntemi
❮ Öğe NesnesiÖrnek
addEventListener() yöntemiyle eklenmiş bir "mousemove" olayını kaldırın:
// Attach an event handler to <div>
document.getElementById("myDIV").addEventListener("mousemove", myFunction);
// Remove the event handler from <div>
document.getElementById("myDIV").removeEventListener("mousemove", myFunction);
Tanım ve Kullanım
removeEventListener() yöntemi, 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 bir işlev olmalıdır.
" element .removeEventListener(" event ", function(){ myScript });" gibi anonim işlevler çalışmayacak.
Tarayıcı Desteği
Tablodaki sayılar, yöntemi tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Method | |||||
---|---|---|---|---|---|
removeEventListener() | 1.0 | 9.0 | 1.0 | 1.0 | 7.0 |
Sözdizimi
element.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:
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);
}
İlgili Sayfalar
JavaScript Eğitimi: HTML DOM EventListener
JavaScript Referansı: document.removeEventListener()
❮ Öğe Nesnesi