Jquery trigger kullanımı

sezaialkan
Sezai Alkan Frontend Developer

Jquery trigger() fonksiyonu ile farklı bir nesnenin olayını tetikleyebiliriz. trigger() kullanımına örnek vermek gerekirse button 2 ye tıklanınca button 1 in click olayını tetikleyebiliriz.

<button class="button1">Button 1</button>
<button class="button2">Button 2</button>

<script type="text/javascript">
    $(document).ready(function(){
        $(".button1").click(function(){
            alert("button1 Tıklandı");
        });
    });
</script>

Yukarıdaki örnekte button1 e tıklanınca ekrana "button1 Tıklandı" Diye uyarı verecektir. Şimdi ise bu olayı button 2 ye tıklayarak trigger ile tetikleyelim.

<button class="button1">Button 1</button>
<button class="button2">Button 2</button>

<script type="text/javascript">
    $(document).ready(function(){
        $(".button1").click(function(){
            alert("button1 Tıklandı");
        });
        $(".button2").click(function(){
            $(".button1").trigger("click");
        });
    });
</script>

button 2 ye tıklandığında ise trigger() fonksiyonu ile button 1 in click olayını tetiklemektedir. Bu durumda button 2 ye tıklanınca sanki button 1 tıklanmış gibi hareket edecektir.

Yorumlar

Yorum Yapabilmek İçin Giriş Yapmalısınız.
İlk Yorum Yapan Sen Ol!
Uçur Beni Kahramanım Yukarı Çık
Bu web sitesi çerezleri kullanıyor. Devam ederek çerez kullanımını kabul etmiş oluyorsunuz. Detay

Devam Etmek İçin Giriş Yapın

Kod Hocası İle Paylaşımda bulunabilir, Kendini geliştirebilirsin. Sende Hemen Giriş Yap Aramıza Katıl.

GirişKayıt Ol