myNotlar Logo

Event Nesnesi


DOM Olay Modeli, doküman üzerinde window nesnesinden en alt elemente kadar gerçekleşebilecek bir çok olayın tanımlanmasını, dinlenmesini ve ilgili verilerin organizasyonunu sağlar. Event nesnesi ise olay modelinde bu verilerin tutulmasını ve olay yönetimi ile ilgili birkaç metod sağlar.

HTML DOM Olay Akış Şeması

Terimler ve Olay Akışı

  • Yakalama (Capturing) : Olay'ın hedef elemente ulaşmadan önce elementin üst elementlerinden biri tarafından tutulması işlemi
  • Dönüş (Bubbling/Event Bubble-ing) : Olay'ın hedef elementi tarafından tutulduktan sonra üst elementleri izleyerek kök elemente dönüş işlemi
  • Vazgeçilebilirlik (Cancelable) : Olayı gerçekleşmemiş gibi gösterme veya Olayı durdurma işlemi.
  • Olay Dinleyici (Event Listener) : Olay tetiklendiği zaman Event nesnesinin de değerleri ile birlikte aktarıldığı, çalıştırılacak metod. addEventListener veya Microsoft DHTML'de attachEvent metodu kullanılarak kaydedilebilir.

Internet Explorer'da window.event nesnesi statik olduğu için herhangi bir olay dinleyici fonksiyona parametre olarak aktarılmasına gerek yoktur.

DOM Olay Modelinde her Olay'ın ulaşacağı, olayın gerçekleştiği bir hedef element vardır. Olay, Kök'ten hedef elemente kadar gidip-gelerek olay akışını tamamlar. Bu olay akışı sırasında hedef element ile birlikte hem gidişte hem dönüşte yol üzerindeki elementlerde de Olay dinleyicisi kayıtlıysa bu dinleyiciler de tetiklenerek ilgili fonksiyonlar çağrılır.

Olay gerçekleştiğinde, Yakalama veya Dönüş için akış yolu üzerindeki elementlerde bir Olay dinleyisi kayıtlı olmasa bile Olay, hedef elemente kadar gidip-gelerek akışını tamamlar. Bununla birlikte, olay akışı devam ederken herhangi bir Olay dinleyici fonksiyonunun içinde istisnai durum fırlatılması olay akışını kesmez. Olay, yolu üzerindeki bütün dinleyicileri tetiklemeye devam ederek akışını tamamlar. Olay akışının durdurulması istendiğin de eğer vazgeçirilebilir bir olay ise bu, event.cancelBubble özelliği veya stopPropagation() metodu ile yapılabilir.

Event nesnesinin özellikleri ve metodları aşağıda gösterilmektedir.

Özellikler

ÖzellikAçıklama
altKeyKlavyede ALT tuşuna basılıp-basılmadığını verir.
ctrlKeyKlavyede CTRL tuşuna basılıp-basılmadığını verir.
shiftKeyKlavyede SHIFT tuşuna basılıp-basılmadığını verir.
buttonBasılan fare tuşunun tamsayı değerini verir.
cancelBubbleOlay'ın kök'e dönüşünü durdurur.
charCodekeypress olayında, klavyeden basılan tuşun unicode değerini verir.
keyCodeKlavyeden basılan normal veya özel bir tuşun unicode değerini verir.
whichKlavyeden basılan herhangi bir tuşun unicode değerini verir.
currentTargetİçinde bulunduğu Olay dinleyicisinin kayıtlı olduğu elementin referansını verir.
eventPhaseOlay akışı sırasındaki aktif evrenin sabit tamsayı değerini verir.
targetOlay'ın yönlendirildiği hedef elementin referansını verir.
typeGerçekleşen Olay'ın adını başındaki 'on' ön eki olmadan verir.
viewHTML DOM'da window nesnesini döndürür.
clientXİçerik alanında fare işaretçisinin soldan olan uzaklığını verir.
clientYİçerik alanında fare işaretçisinin üstten olan uzaklığını verir.
xİçerik alanında fare işaretçisinin soldan olan uzaklığını verir.
yİçerik alanında fare işaretçisinin üstten olan uzaklığını verir.
layerXFare olayının gerçekleştiği katman içindeki fare işaretçisinin, soldan uzaklığını verir.
layerYFare olayının gerçekleştiği katman içindeki fare işaretçisinin, üstten uzaklığını verir.
offsetXFare olayının gerçekleştiği katman içindeki fare işaretçisinin, soldan uzaklığını verir.
offsetYFare olayının gerçekleştiği katman içindeki fare işaretçisinin, üstten uzaklığını verir.
pageXDoküman üzerinde fare işaretçisinin soldan uzaklığını verir.
pageYDoküman üzerinde fare işaretçisinin üstten uzaklığını verir.
screenXSistem ekranı üzerinde fare işaretçisinin soldan uzaklığını verir.
screenYSistem ekranı üzerinde fare işaretçisinin üstten uzaklığını verir.

Metodlar

MetodAçıklama
initEvent()createEvent() metodu ile oluşturulan bir Olay'ın ilk değerlerinin verilmesini sağlar.
initKeyEvent()createEvent("KeyboardEvent") metodu ile oluşturulan bir Klavye Olay'ının ilk değerlerinin verilmesini sağlar.
initMouseEvent()createEvent("MouseEvents") metodu ile oluşturulan bir Fare Olay'ının ilk değerlerinin verilmesini sağlar.
preventDefault()Engellenebilen bir Olayın ilgili element ve olay tipi için engellenmesini sağlar.
stopPropagation()Olay akışının durdurulmasını sağlar.
İlgili Başlıklar
 
myNotlar Hakkında
Telif Hakkı © 2007-2009 mynotlar.com Tüm Hakları Saklıdır. Kopyalanamaz. Yayınlanamaz.
E-Posta : support@myNotlar.com

| Tek Kişilik Oyunlar | Sudoku | YasinKa |