Olaya katılan başka DOM elementi varsa, fare fonksiyonda tanımlı olan elementin üzerinden çekildiğinde o elementin ismini verir.
$("div, p").mouseenter(function(event){
$(".w3tr").html("İlgili hedef : " + event.relatedTarget.nodeName);
});
event.relatedTarget()
Bu fonksiyon çalışırsa elementin varsayın değerini engelleniyor olmayacak.
$("a").click(function(event){
event.preventDefault();
});
event.preventDefault()
Belgenin üst kenarına göre farenin konumunu verir.
$(document).mousemove(function(event){
$("span").text("X: " + event.pageX + ", Y: " + event.pageY);
});
event.pageY
Belgenin sol kenarına göre farenin konumu verir.
$(document).mousemove(function(event){
$("span").text("X: " + event.pageX + ", Y: " + event.pageY);
});
event.pageX
Fonksiyon başka bir element tarafından tetiklendiğinde meydana gelen fonksiyonun alt fonksiyonunu verir.
$("span").on("custom.someNamespace",function(event){
alert(event.namespace);
});
$("span").click(function(event){
$(this).trigger("custom.someNamespace");
});
$("a").click(function(){
$("span").off("custom.someNamespace");
});
event.namespace
Klavyeden bir tuşa basılıp basılmadığını sorgular. Alert içine bastırırsak True, False şeklinde geri bildirim alabiliriz.
function isKeyPressed(event) {
if (event.metaKey) {
alert("META tuşuna basıldı");
} else {
alert("META tuşuna basılmadı !");
}
}
event.metaKey
İç içe olan elementlerde aynı olan olayın bir üstteki elemente yayılmasının engellenip engellenmediğini sorgular.
$("a").click(function(event){
event.stopImmediatePropagation();
alert(event.isImmediatePropagationStopped());
});
event.isImmediatePropagationStopped()
Element üzerine belirlenen eylemin engellenip engellenmediğini sorgulamamızı sağlar.
$("a").click(function(event){
event.preventDefault();
alert( event.isDefaultPrevented());
});
event.isDefaultPrevented()
Sadece işleyicinin bağlı olduğu element için işlemi gerçekleştirir.
$("div").on("click", "a", function(event){
$(event.delegateTarget).css("background-color", "blue");
});
event.delegateTarget
Çalışan fonksiyon üzerinden bilgi almamızı ve aktarmamızı sağlar.
$("span").each(function(i){
$(this).on("click", {x:i}, function(event){
alert("data numarası: " + event.data.x);
});
});
event.data