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
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
Meydana gelecek olayın elementi hakkında bilgi verir.
function myFunction(event) {
alert(event.currentTarget.nodeName);
}
event.currentTarget
Girilen bağlam(metin) ya da elemen büyük olasılıkla belgeye(html) eklenecektir.
$("div").append("<p>" + $("div").context + "</p>").append("<p>" + $("div",document.body).context.nodeName + "</p>");
context
Uygulanan geçiş efektinin elemanın hangi özelliği üzerinden yapılacağını belirlemek için transition-property özelliğini kullanırız.
Not: Her zaman geçiş özelliğinin süresini belirtin yoksa varsayılan süre o olduğu için hiçbir geçiş göremezsiniz.
İpucu: Bir geçiş özelliği bir elementin üzerinin üzerindeyken genellikle kullanıcı elementin üzerine gelmeden hiçbir geçiş gözükmez.
div {
background: green;
width: 200px;
height: 20px;
-webkit-transition-property: height; /* Safari */
transition-property: height;
-webkit-transition-duration: 3s; /* Safari */
transition-duration: 3s;
}
div:hover {
height: 100px;
}
| Değer | Açıklama |
| none | Hiçbir geçiş efektinin gözükmemesini sağlar. |
| all | Tüm özellikleri almış bir geçiş efekti uygulanır. |
| property | Uygulanan geçiş efektinin elemanın hangi özelliği üzerinden yapılacağını belirlemek için transition-property özelliğini kullanırız. |
| İnital | |
| İnherit |
| 26.0 4.0-webkit |
16.0 4.0-moz |
10.0 | 6.1 3.1-webkit |
12.1 10.5-o |