Nesneleri saydırmak sayısını öğrenmek için kullanabiliriz. Mesela bir divin içinde kaç tane span var diye sorduğumuzda bize sayısını geri bildirecektir.
$("a").click(function(){
alert($("li").length);
});
length
Klavyeden basılan tuşun numarasını(Key kodunu) verir.
$("input").keydown(function(event){
$("span").html("anahtar: " + event.which);
});
event.which()
Olayın tipini belirtir. (click, hover, gibi)
$("a").on("click dblclick mouseover mouseout",function(event){
$("span").html("Event: " + event.type);
});
event.type()
1 ocak 1970 den bu zamana kaç milisaniye geçtiği bilgisini verir. Ayrıca zaman bilgisi almak için kullanılır. Bir tıklamadan sonra ikinci bir tıklama için kaç saniye geçtiği bilgisini edinebilirsiniz.
$("a").click(function(event){
$("span").text(event.timeStamp);
});
event.timeStamp()
fonksiyonun hangi element üzerinde meydana geldiği bilgisini verir.
$("p, a, h3").click(function(event){
$("div").html("Tetiklenen " + event.target.nodeName + " elementi.");
});
event.target()
Tetiklenen olay işleyicisi tarafından son değeri döndürür.
$("a").click(function(){
return "W3TR";
});
$("a").click(function(event){
$("span").html(event.result);
});
event.result()
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()
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