dhtml_event_olay.htm

dhtml - Event yönetimi

Bu bölümde event yöntemini inceleyeceğiz. Ayrıca iki ayrı katman hareketi yöntemini de göreceğiz.

Eventler browser üzerinde oluşan hareketlerdir. Bunlardan bazılarını saymak istersek; mouse tıklanması ( onclick ), sayfanın yüklenmesi ( onload ), sayfanın kapanması ( unonload ) . Browserler event yönetimini birbirlerinden farlı olarak yaparlar. İlk olarak NS4 dün event yönetimini inceleyelim.

NS4 event yönetimi

Netscapede bir event tanımlamaki için


eventTipi = calistirilacakFonksiyonAdi

şeklinde bir ifade kullanılır. Mesela onmousemove eventini tanımlamak için;


onmousemove = yaz;

şeklinde bir ifade kullanabiliriz. Burada yaz eventin çalıştıracağı fonksiyonun ismidir ve parantez kullanmak gerekmemektedir. Daha sonrada captureEvents nesnesi çağrılır. Burada hangi eventin kullanıldığı tutulur.


onmousemove = yaz;
document.captureEvents(Event.MOUSEMOVE);

Şimdi farenin sayfa üzerindeki konumunu window.status bölümüne yazan bir fonksiyon yazalım.


function yaz(e)
{
fareXkon = e.pageX;
fareYkon = e.pageY;
window.status = "x =" + fareXkon + "--- y = " + fareYkon;
}
onmousemove = yaz;
document.captureEvents(Event.MOUSEMOVE);

Burada özellikle mousemove ( fare hareketli ) eventini tanımlıyoruz. Bu event mouse sayfa üzerinde hareket ettiğinde çalışmaya başlar ve yaz fonksiyonunu çağırır. Burada NS4 için anlaşılması gereken bir konu yaz fonksiyonuna eventi tanımlayan bir değerin gönderilmesidir. Bu değeri alabilmek için e değişkenini kullanıyoruz.

e değişkenine bir çok özellik geçmektedir. Bunlardan şu an için kullanacağımız pageX ve pageY değerleridir. Bunlar sırasıyla farenin sayfa üzerindeki x ve y konumlarıdır. Bu değerlere ulaşmak için

fareXkon = e.pageX
fareYkon = e.pageY

ifadelerini kullanıyoruz. Sonrada elde ettiğimiz bu değerleri window.status çubuğuna yazdırıyoruz.Görelim.

İstediğimiz eventleri tanımlayabiliriz. Bunun için şu şekilde tanımlama yapıyoruz.


onmouseover = yaz;
onmouseout = sil;
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT)
Yardım İçin Sadece Bir Tık Yeter
 
Sponsor
 
.tk
 
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol