javaScript removeEventListener() Nedir?

RemoveEventListener() methodu, addEventListener() yöntemiyle eklenmiş bir olay işleyicisini kaldırır .

Not: Olay işleyicilerini kaldırmak için, addEventListener() methoduyla belirtilen Fonksiyon, harici Fonksiyon olmalıdır.

  Element .removeEventListener (" event " , function () 

    { myScript }

  ) 

 

Yukarıdaki örnekte olduğu gibi Anonim fonksiyonlar silinemezler.

Tarayıcı Desteği

Element
removeEvent Listener	1.0	9.0	1.0	1.0	7.0

Sözdizimi :

Parametreler :

Event: Olay türüdür ("click" veya "mousedown" gibi).

Not: 'on' önekini kullanmayın. Örneğin: 'onclick' yerine 'click' tuşunu kullanın.

Fonksiyon: Olay tetiklendikten sonra çağrılan işlevdir.

useCapture: Üçüncü parametre, olayın kabarcıklanma veya yakalama olup olmadığını açıklayan bir Boolen değeridir. Bu parametre isteğe bağlıdır.

• true: Olay işleyicisi yakalama aşamasında yürütülür.
• false: Varsayılan. Olay işleyici, kabarcıklanma aşamasında yürütülür.

Örnek:

HTML:

<div id="test">Deneme.

  <button onclick="removeHandler()" id="Btn">test</button>

</div>

<p id="demo"></p>

javaScript:

document.getElementById("test").addEventListener("mousemove", myFonksiyon);

function myfonksiyon() {

    document.getElementById("demo").innerHTML = Math.random();
}

function removeHandler() {

    document.getElementById("test").removeEventListener("mousemove", myFonksiyon);
}

ÇIKTI:

ÖRNEK: buton üzerine tıklamayı bir kere yapalım.

<input type="button" id="button" value="düğmeye tıklayın">

javaScript:

var button = document.getElementById('button');

button.addEventListener('click', func); //Etkinlik ata

function func() {

  alert('Butona tıklandı');

  button.removeEventListener('click', func); //tıklamadan sonra sil
}

ÇIKTI:

Yukarıda ki örnekte bir tıklama yapıldık sonra "butona tıklandı" mesajı verdikten sonra tekrar tıklamada çalışmıyacaktır.