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