jQuery on() Yöntemi
Örnek
<p> öğesine bir tıklama olayı ekleyin:
$("p").on("click", function(){
alert("The paragraph was clicked.");
});
Tanım ve Kullanım
on() yöntemi, seçili öğeler ve alt öğeler için bir veya daha fazla olay işleyicisi ekler.
jQuery sürüm 1.7'den itibaren on() yöntemi, bind(), live() ve delege() yöntemlerinin yeni yerine geçmiştir. Bu yöntem API'ye çok fazla tutarlılık getirir ve jQuery kod tabanını basitleştirdiği için bu yöntemi kullanmanızı öneririz.
Not: on() yöntemi kullanılarak eklenen olay işleyicileri hem mevcut hem de GELECEK öğeler için çalışır (bir komut dosyası tarafından oluşturulan yeni bir öğe gibi).
İpucu: Olay işleyicilerini kaldırmak için off() yöntemini kullanın.
İpucu: Yalnızca bir kez çalışan ve ardından kendini kaldıran bir olay eklemek için one() yöntemini kullanın.
Sözdizimi
$(selector).on(event,childSelector,data,function,map)
Parameter | Description |
---|---|
event | Required. Specifies one or more event(s) or namespaces to attach to the selected elements. Multiple event values are separated by space. Must be a valid event |
childSelector | Optional. Specifies that the event handler should only be attached to the specified child elements (and not the selector itself, like the deprecated delegate() method). |
data | Optional. Specifies additional data to pass along to the function |
function | Required. Specifies the function to run when the event occurs |
map | Specifies an event map ({event:function, event:function, ...}) containing one or more event to attach to the selected elements, and functions to run when the events occur |
Kendiniz Deneyin - Örnekler
Birden çok olay ekleme Bir öğeye birden
çok olay işleyici ekleme map parametresini kullanarak seçili öğelere birden çok olay işleyici ekleme.
ekleme Bir öğeye özelleştirilmiş bir ad alanı olayı nasıl eklenir.
iletme Verileri işleve aktarma.
on() yönteminin henüz oluşturulmamış öğeler için de çalıştığını gösterin.
Bir olay işleyicisini kaldırma off() yöntemi kullanılarak