Element.removeEventListener()

removeEventListener fonksiyonu, elemente daha önce eklenmiş bir olay dinleyicisinin silinmesini sağlar.

Sözdizimi

element.removeEventListener( Tip, Fonksiyon, Yakala )

Tip	String olarak olay tipi.
Fonksiyon	Dinleyici parametrelerinin de aktarıldığı, olay tetiklendiği zaman çağırılacak fonksiyonu belirler.
Yakala	Olayın aşağıya doğrumu yoksa yukarıya doğrumu yakalanacağını belirler. true ise aşağı doğru, false ise yukarı doğru yakalanır.

Aşağıdaki örnek, addEventListener ve removeEventListener metodları ile bir table elementine olay dinleyicisi eklenmesini ve kaldırılmasını göstermektedir.


<input type="button" value="Tablo Dinleyicisini Sil" onClick="tabloELSil()"/>
<input type="button" value="Tablo Dinleyicisini Ekle" onClick="tabloELEkle()"/>
<table id="OrnekTablo">
<tr>
   <td>
      <div id="OrnekKutu" style="width:200px; height:100px; background-color:#FF3333;"></div>
   </td>
</tr>
</table>

<script type="text/javascript">
function docYakala(olay) {
	alert("DOCUMENT tıklandı!\nHedef : " + olay.target + "\nGüncel Hedef : " + olay.currentTarget);
}
function divYakala(olay) {
	alert("DIV tıklandı!\nHedef : " + olay.target + "\nGüncel Hedef : " + olay.currentTarget);
}
function tabloYakala(olay) {
	alert("TABLE tıklandı!\nHedef : " + olay.target + "\nGüncel Hedef : " + olay.currentTarget);
}
function tabloELEkle() {
	document.getElementById('OrnekTablo').addEventListener("click",tabloYakala,false);
}
function tabloELSil() {
	document.getElementById('OrnekTablo').removeEventListener("click",tabloYakala,false);
}

document.getElementById('OrnekKutu').addEventListener("click",divYakala,true);
document.addEventListener("click",docYakala,true);

</script>

Test Edin

İlgili Başlıklar