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
Etiket: jquery
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 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
jQuery error() Yöntemi
error() Yöntemi;
Java scripte hata olayı için bir görev tanımlayabilirsiniz.
Örnek
$("img").error(function(){
$("img").replaceWith("<p>Resim yüklenirken hata oluştu !</p>");
});
$("a").click(function(){
$("img").error();
});
Codepen Ön izleme
Kullanım şekilleri;
.error( handler )
.error( [eventData ], handler )
jQuery eq() Yöntemi
eq() Yöntemi;
Belirtilen elementin bulunduğu gruptaki index(sıra) numarasını belirler.
Örnek
$("span").eq(0).css("color", "red");
Codepen Ön izleme
Kullanım şekilleri;
.eq( index )
.eq( indexFromEnd )