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 :

element.addEventListener(event, fonksiyon, useCapture)

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.

Ö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:

Deneme.

Ö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.

Lütfen konu haricinde soru sormayın cevaplanmayacaktır. Yorumunuz onaylandıktan sonra yayınlanacaktır. Lütfen Yukarıda ki mesajları okuyun tekrar aynı soruları sormayın.

821

KATEGORİ
  • HTML
  • CSS
  • PHP
  • JQUERY
  • PHOTOSHOP
  • JavaScript
  • Web Dünyası
  • Linux
  • MİTHRİL FRAMEWORK
  • Laravel
  • Git
  • React
POPÜLER MAKALE
  • HTML LİNK(Bağlantı)EKLEME - LİNK VERME
  • HTML YAZI VE RESİM ORTALAMA
  • HTML RESME LİNK VERME
  • HTML FORM OLUŞTURMA
  • CSS YATAY MENÜ YAPIMI
  • HTML RESİM EKLEME
  • CSS (BOYUT) GENİŞLİK VE YÜKSEKLİK (Width-Height)
  • HTML DİV ve SPAN NEDİR?
  • HTML ARKAPLANA MÜZİK EKLEME
  • KALİTE KAYBETMEDEN RESİMLERİ BÜYÜTME
ETİKET
WEBCEBİR © 2013 Tüm hakları saklıdır.