[FONT=Trebuchet MS, serif]Javascriptin bir web sayfasını interaktif yapabilmesinin en büyük faktörü olay yöneticileridir.[/FONT]
[FONT=Trebuchet MS, serif]Olay yöneticileri sayfa veya sayfadaki herhangi bir element ile etkileşime girildiği zaman istediğimiz olayların gerçekleşmesini sağlar.[/FONT]
[FONT=Trebuchet MS, serif]Örnek kullanım:[/FONT]
[FONT=Trebuchet MS, serif]Html Kodu:[/FONT]
Kod:
[FONT=Trebuchet MS, serif]<img src=resimurlsi onclick=alert(resme tıkladınız)/>[/FONT]
[FONT=Trebuchet MS, serif]Olaylardaki Javascript kodları etiketlerin içine yazılabildiği gibi fonksiyonlara referans verilerek de kullanılabilir.[/FONT]
[FONT=Trebuchet MS, serif]Örnek kullanım:[/FONT]
[FONT=Trebuchet MS, serif]JS Kodu:[/FONT]
Kod:
[FONT=Trebuchet MS, serif]function tiklama(){[/FONT]
[FONT=Trebuchet MS, serif] alert(tikladiniz);[/FONT]
[FONT=Trebuchet MS, serif]}[/FONT]
[FONT=Trebuchet MS, serif]Html Kodu:[/FONT]
Kod:
[FONT=Trebuchet MS, serif]<img src=resimurlsi onclick=tiklama()/>[/FONT]
[FONT=Trebuchet MS, serif]Örnek kullanım:[/FONT]
[FONT=Trebuchet MS, serif]JS Kodu:[/FONT]
Kod:
[FONT=Trebuchet MS, serif]function tektiklama(){[/FONT]
[FONT=Trebuchet MS, serif] alert(Tek tıkladınız);[/FONT]
[FONT=Trebuchet MS, serif]}[/FONT]
Kod:
[FONT=Trebuchet MS, serif]<button onclick=tektiklama()>Buraya Tıkla</button>[/FONT]
[FONT=Trebuchet MS, serif]Örnek kullanım:[/FONT]
[FONT=Trebuchet MS, serif]JS Kodu:[/FONT]
Kod:
[FONT=Trebuchet MS, serif]function cifttiklama(){[/FONT]
[FONT=Trebuchet MS, serif] alert(Çift Tıkladınız);[/FONT]
[FONT=Trebuchet MS, serif]}[/FONT]
Kod:
[FONT=Trebuchet MS, serif]<button ondblclick=cifttiklama()>Çift Tıkla</button>[/FONT]
[FONT=Trebuchet MS, serif]Örnek kullanım:[/FONT]
[FONT=Trebuchet MS, serif]Html Kodu:[/FONT]
Kod:
[FONT=Trebuchet MS, serif]<button onmouseover=alert(butonun üzerine geldiniz)>Üzerine Gel</button>[/FONT]
[FONT=Trebuchet MS, serif]Örnek kullanım:[/FONT]
[FONT=Trebuchet MS, serif]Html Kodu:[/FONT]
Kod:
[FONT=Trebuchet MS, serif]<button onmouseout=alert(butonun üzerine çekildiniz)>Çek Ellerini Üzerimden</button>[/FONT]
[FONT=Trebuchet MS, serif]Örnek kullanım:[/FONT]
[FONT=Trebuchet MS, serif]Html Kodu:[/FONT]
Kod:
[FONT=Trebuchet MS, serif]<button onmousemove=alert(Git başka yerde oyna)>Buralarda gezinme</button>[/FONT]
[FONT=Trebuchet MS, serif]Örnek kullanım:[/FONT]
[FONT=Trebuchet MS, serif]Html Kodu:[/FONT]
Kod:
[FONT=Trebuchet MS, serif]<button onmousedown=alert(Çok bastırma)>Bas bana :)</button>[/FONT]
[FONT=Trebuchet MS, serif]Örnek kullanım:[/FONT]
[FONT=Trebuchet MS, serif]Html Kodu:[/FONT]
Kod:
[FONT=Trebuchet MS, serif]<button onmousedown=alert(Böyle daha iyi)>Bırak beni</button>[/FONT]
[FONT=Trebuchet MS, serif]Eğer onkeydown olayını body elementi için kullanırsanız sayfa açıkkken olacak olayları kullanabilirsiniz.[/FONT]
[FONT=Trebuchet MS, serif]Aşağıdaki kodu herhangi bir tuşa basıldığında olacak olayları gösterir.[/FONT]
[FONT=Trebuchet MS, serif]Örnek kullanım:[/FONT]
[FONT=Trebuchet MS, serif]Html Kodu:[/FONT]
Kod:
[FONT=Trebuchet MS, serif]<body onkeydown=alert(Böyle daha iyi)>Sayfa içeriği</body>[/FONT]
[FONT=Trebuchet MS, serif]Örnek kullanım:[/FONT]
[FONT=Trebuchet MS, serif]JS Kodu:[/FONT]
Kod:
[FONT=Trebuchet MS, serif]window.onkeydown=function(olay){[/FONT]
[FONT=Trebuchet MS, serif] if(olay.keyCode==32){[/FONT]
[FONT=Trebuchet MS, serif] alert(Boşluk tuşuna bastın)[/FONT]
[FONT=Trebuchet MS, serif] }else{[/FONT]
[FONT=Trebuchet MS, serif] //Aksi halde birşey yapmıyoruz.[/FONT]
[FONT=Trebuchet MS, serif] }[/FONT]
[FONT=Trebuchet MS, serif]}[/FONT]
[FONT=Trebuchet MS, serif]Örnek kullanım:[/FONT]
[FONT=Trebuchet MS, serif]Html Kodu:[/FONT]
Kod:
[FONT=Trebuchet MS, serif]<input type=text onselect=alert(yazıyı seçtin)/>[/FONT]
[FONT=Trebuchet MS, serif]Örnek kullanım:[/FONT]
[FONT=Trebuchet MS, serif]Html Kodu:[/FONT]
Kod:
[FONT=Trebuchet MS, serif]<input type=text onfocus=alert(kutu aktif)/>[/FONT]
[FONT=Trebuchet MS, serif]Örnek kullanım:[/FONT]
[FONT=Trebuchet MS, serif]Html Kodu:[/FONT]
Kod:
[FONT=Trebuchet MS, serif]<input type=text onblur=alert(Benimle ilgilenir misin?)/>[/FONT]
[FONT=Trebuchet MS, serif]Örnek kullanım:[/FONT]
[FONT=Trebuchet MS, serif]Html Kodu:[/FONT]
Kod:
[FONT=Trebuchet MS, serif]<body onresize=alert(percere boyutu değişti)>Sayfa içeriği</body>[/FONT]
[FONT=Trebuchet MS, serif]Örnek kullanım:[/FONT]
[FONT=Trebuchet MS, serif]Html Kodu:[/FONT]
Kod:
[FONT=Trebuchet MS, serif]<body onload=alert(sayfa yüklendi)>Sayfa içeriği</body>[/FONT]
[FONT=Trebuchet MS, serif]Örnek kullanım:[/FONT]
[FONT=Trebuchet MS, serif]Html Kodu:[/FONT]
Kod:
[FONT=Trebuchet MS, serif]<body onunload=alert(Hoşçakalın)>Sayfa içeriği</body>[/FONT]
[FONT=Trebuchet MS, serif]İYİ FORUMLAR!!![/FONT]