7 Temmuz 2014 Pazartesi

JavaScript olaylar (Event) ve açıklamaları

JavaScript olaylar ve açıklamaları

onclickFareyle tıklamayı ifade eder.
ondblclickFareyle çift tıklamayı ifade eder.
onmouseoverFarenin imleciyle üzerine gelmeyi ifade eder.
onmouseoutFarenin imlecini üzerinden çekmeyi ifade eder.
onmousedownFare düğmesine basmayı ifade eder.
onmouseupFare düğmesini bırakmayı ifade eder.
onloadSayfanın yüklenmesini ifade eder.
onunloadSayfanın kapatılmasını ifade eder.
onchangeForm aracının değişmesini ifade eder.
onsubmitForm bilgilerinin gönderilmesini ifade eder.
onresetForm bilgilerinin silinmesini ifade eder.
onselectForm aracının seçilmesini ifade eder.
onblurForm aracının pasif hale geçmesini ifade eder.
onfocusForm aracının aktif hale geçmesini ifade eder.
accesskeyİstenen karakterin girilmesini ifade eder.
tabindexNesnelerin işlem sıralamasını numaralandırır.
onkeydownTuşun basılmasını ifade eder.
onkeyupTuşun salınmasını ifade eder.
onfocusTuşun basılıp salınmasını ifade eder.
Bu olaylar yaratıcı web tasarımcılar için yeterli değildir. Başka olaylar oluşturmak için event (olay) komutlarından yararlanılır. Olay komutlarının önüne event. kodu getirilir. Önemli Not: Bu komutlar sadece IE gözatıcıları tarafından desteklenmektedir.

Sağ Tıklama, Sol Tıklama

Fareyle sağ tıklanıldığında, bir fonksiyon çağırmak için button (düğme) olay komutu kullanılır. event.button şeklinde yazılır ve sol tıklanırsa 1, sağ tıklanırsa 2 değerini alır.


İmlecin Koordinatları

İmlecin sayfadaki konumuna göre kod yazmak isteyebiliriz. İmlecin hangi yatay ve düşey koordinatlarda olduğunu belirlemek için clientX, clientY veya offsetX, offsetY veya x, y olay komutlarından yararlanılır. Kısa bir uygulama yapalım:

Verdiğimiz diğer kodları da siz deneyin, aynı sonuca ulaşacaksınız. Bu kodların hepsi imlecin, pencerenin sol üst köşesine olan yatay ve düşey mesafeyi piksel cinsinden vermektedir. Eğer pencerenin değil de ekranın sol üst köşesine olan yatay ve düşey mesafeyi edinmek istiyorsak, screenX, screenY komutlarını kullanırız.

Hiç yorum yok: