.triggerHandler()

.triggerHandler( eventType [, extraParameters ] ) Dönen Değer : Object
Açıklama : Bir olay için bir elemana bağlanan tüm olay işleyicileri çalıştırır.

.triggerHandler( eventType [, extraParameters ] )
eventType
Tip : String
JavaScript olay tipi içeren string, click veya submit gibi.
extraParameters
Tip : Array veya Düz Nesne
Olay işleyiciye aktarılacak ilave parametreler.
.triggerHandler( event [, extraParameters ] )
event
Tip : Event
Bir jQuery.Event nesnesi.
extraParameters
Tip : Array veya Düz Nesne
Olay işleyiciye aktarılacak ilave parametreler.

.triggerHandler( eventType ) olay tipi için jQuery ile bğlanan tüm olay işleyicileri çalıştırır. Ayrıca elemanda bulunan tüm on{eventType}() metodlarını çağırır. Bu metodun davranışı aşağıdakiler hariç .trigger() ile aynıdır.

  • triggerHandler("olayAdı") elemana bağlanan .olayAdı() metodunu çağırmaz. Örnek bir form için verilen .triggerHandler( "submit" ) çağrısı formda .submit() metodunu çalıştırmaz.
  • .trigger() metodu jQuery nesnesindeki eşleşen tüm elemanlara uygulanırken .triggerHandler() sadece eşleşen elemanların ilkine uygulanır.
  • .triggerHandler() ile tetiklenen olaylar DOM hiyerarşisinde üst elemanlara yayılmaz. Olaylar hedef elemana direk verilmediyse hiç bir şey yapmaz.
  • JQuery nesnesini dönmek yerine (zincirleme metod çağrısı için gereklidir), .triggerHandler() metodu çalışmasını sağladığı en son olay işleyiciden dönen değeri aynen geri döner. Eğer hiç bir olay işleyici çalıştırılamamışsa undefined döner.

Bu metodun kullanımı hakkında daha fazla bilgi için .trigger() metoduna bakabilirsiniz.


Örnekler:

Eğer .triggerHandler() metodunu focus olayını tetiklemek için çağırırsanız sadece elemanın focus olayına bağlanan olay işleyiciler çalıştırılır, tarayıcının default focus eylemi tetiklenmez.

<button id="old">.trigger( "focus" )</button>
<button id="new">.triggerHandler( "focus" )</button><br><br>
 
<input type="text" value="Fokuslanılacak"><br>
<script>
   $( "#old" ).on( "click", function() {
      $( "input" ).trigger( "focus" );
   } );
   $( "#new" ).on( "click", function() {
      $( "input" ).triggerHandler( "focus" );
   } );
   $( "input" ).on( "focus", function() {
      $( "<span>Focuslandı!</span>" ).appendTo( "body" ).fadeOut( 1000 );
   } );
</script>



.

.