Javascript Bind, Live, Unbind, Die Nedir?

.click()
Nesneye tıklandığı zaman meydana gelecek olayı belirlemek için kullanılır.

$('#divId').click(function(){
    $(this).css('background-color','red');                   
});

.bind()

Markupınızdaki herhangi bir nesneye event handler(click,…) veya kendi yarattığımız olayları atamak için kullanılır.

$('#divId').bind('click', funtion(){
    $(this).css('background-color','red');
});

Bu kod ile id’si “divId” olan dom elemanına click olayı atamış olduk.

Eğer event parametre alıyorsa bind içinde parametre gönderebiliriz.

$('#divId').bind('keydown','ctrl',funtion(event){
    alert("ctrl tuşuna basıldı.");
});

.live()

Bind ile eklediğimiz olaylar sayfa tamamen yüklendiği zaman nesnelerimize eklenmiş olur.Eğer sayfamıza daha sonradan bir nesne eklersek bind kullandığımız zaman bu nesneye olay eklenmemiş olacaktır. Aynı olayı ona da eklemek istersek kullanmamız gereken handler ise “live”.

$('#divId').live('click',funtion(){
    alert("Tıklandı");
});

Bu şekilde sitedeki ‘divId’ id’sine sahip tüm nesnelere click olayı eklenmiş olucak ve aynı zamanda yeni bir nesne yaratıp aynı Id verilirse onada eklenecek.

.unbind()
Bind fonksiyonunda verilen olayları iptal eder.

$('#divId').click(funtion(){
    $('#divId2').unbind('click');
});

.die()
Live metodu ile eklenen nesnelerin olaylarını iptal eder.

$('#divId').click(funtion(){
            $('#divId2').die('click');
});

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Google fotoğrafı

Google hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Connecting to %s