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:

Deneme.

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.


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ınlacaktır.

6490

KATEGORİ
  • HTML
  • CSS
  • PHP
  • JQUERY
  • PHOTOSHOP
  • JavaScript
  • Web Dünyası
  • Linux
POPÜLER MAKALE
  • HTML RESME LİNK VERME
  • HTML LİNK(Bağlantı)EKLEME - LİNK VERME
  • HTML YAZI VE RESİM ORTALAMA
  • HTML DİV ve SPAN NEDİR?
  • HTML FORM OLUŞTURMA
  • HTML KAYAN RESİM VE Marguee KULLANIMI
  • HTML ARKAPLANA MÜZİK EKLEME
  • CSS (BOYUT) GENİŞLİK VE YÜKSEKLİK (Width-Height)
  • HTML RESİM EKLEME
  • PHP ceil()-floor()-round() YUVARLAMA FONKSİYONU
ETİKET
WEBCEBİR © 2013 Tüm hakları saklıdır.