Kullanıcı bir eleman için odaklanmaya son vermiş ise ,kullanıcı bu elemanın seçili olma durumunu bitirmişse yani elemanı terk etmişse onBlur olayı gerçekleşir.
Ekrana textarea ile bir text yerleştiriliyor ve bu elemanlar odaklarını kaybettiklerinde terk( ) functionu çalışıp “elemanı terk ettin mesajı ” veriyor.
10 views
Kullanıcının herhangi bir html elemanı yada form elemanı seçmesi program kontrolünün elemanda olması o elemana odaklanılması durumunda onFocus olayı meydana gelir. Bu olayları destekleyen html taglarından bazıları —
<a>, <b>,<big>, <blockquote>, <body>, <button>, <div>,<em>, <form>, <h1> to <h6>, <hr>, <i>, <img>, <input>,<label>, <legend>, <li>, <ol>, <p>, <pre>, <select>, <span>, <strong>, <sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <th>, <thead>, <tr>, <tt>, <ul>
Olayı destekleyen objeler;
layer, frame,window ve form elemanları
Burada text ve textarea eklenmiş ve iki eleman içinde onfocus olayları için odaklan isimli bir function tanımlanmıştır.
Odaklan functionuna bakarsak dışarıdan bir x parametresi beklemektedir.x parametresi ile hangi elemana odaklanıldığı anlaşılacaktır.Eğer kullanıcı textarea üzerine tıklamışsa yani odaklanmışsa onfocus olayı gerçekleşecek ve onfocus =”odaklan(this.id)” odaklan functionunu çağıracaktır. Burada odaklan functionunu çağırırken o functiona birde parametre göndermektedir.Parametrede kullanılan this deyimi olayı oluşturan elemanı temsil etmektedir.Functiona parametre olarak olayı oluşturan elemanın id ‘si gönderileceğinden
this.id yazarak olayı oluşturan elemanın id numarasına ulaşmam mümkün olacaktır.Dolayısıyla olayı oluşturan elemanın id=”text” olduğuna göre ve bu değer functiona parametre olarak gönderildiğinden satır ;
document.getElementById(“text”).style.backgroundColor=”yellow” olacak ve olayı oluşturan elemanın arka plan rengi değiştirilecektir.
Yani sonuç olarak odaklan functionunu kim çağırmış ise onun id’si functiona parametre olarak gönderildiğinden sadece bu functionu çağıran elemanın artalan rengi değişecektir.
16 views
Kullanıcıyla etkileşime giren Form elemanlarında kullanıcı seçimi değiştirdiğinde yada girilen texti değiştirdiğinde onChange olayı meydana gelir.
Eğer bir text yada textarea içindeki veriyi kullanıcı değiştirdiğinde yine onchange olayı meydana gelir.
Yukarıdaki text ve textarea içindeki kuulanıcı taraflı yapılan tüm değişikliklerde ved( ) fonksiyonu çalışacaktır.
16 views
Form içerisinde kullanıcı tüm form elemanları içerisindeki bilgileri sıfırlamak silmek istiyorsa reset düğmesini kullanır. Kullanıcı reset düğmesine tıkladığında onReset olayı oluşur.
Olayı devam ettirme yada olayı bitirme
Örnekte kullanıcı eğer temzile butonuna basarsa confirm() metoduyla ona gerçekten silmek isteyip istemediği sorulacak ve ;
Eğer tamam derse ;
confirm(“formu temzilemek istiyormusun”) geriye true değeri dönderir
Eğer iptal derse ;
confirm(“formu temzilemek istiyormusun”) geriye fasle değeri dönderir
confirm tarafından geriye dönderilen bu boolean değer return tarafından function çağrıldığı yere gönderilir.Function çağrıldığı yere bakalım ;
onreset=”return temiz();”
temiz( ) functionu yerine true değeri dönerse
onreset=”return true” olay devam edecektir.Yani form elemanlarının içerikleri silinir.
temiz( ) functionu yerine false değeri dönerse
onreset=”return false” onreset olayı devam etmez yani formdaki bilgiler silinmez.
Bir olayı bitirmek için event handler içerisine return false yazılması yeterli olacaktır.
7 views
