HTML Olay Kullanma – Ahmet Cansever
Pazartesi , 18 Aralık 2017
Anasayfa » Javascript » HTML Olay Kullanma

HTML Olay Kullanma

HTML Etiketine Olay Ekleme

HTML etiketine olay eklemek için iki yöntem mevcut.

1.Yöntem: HTML etiketlerine addEventListener metotu ile olay eklemesi yapılabilir.

2.Yöntem: HTML etiketine olay özelliği ile olay eklemesi yapılabilir.

Örnek: Aşağıdaki örnekte id’si birinci olan etikete tıkladığında(onclick) belirtilen anonim fonksiyon çalışacak ve ekrana uyarı verecektir.

JavaScript Sayı Tek Mi Çift Mi?

 

JavaScript Çemberin Çevresi

JavaScript Text Kutusundaki Yazıyı Div İçine Aktarma

 

Tüm JavaScript DOM Olayları

Window Olay Niteliği

onafterprint onload onpageshow
onbeforeprint onmessage onpopstate
onbeforeunload onoffline onresize
onerror ononline onstorage
onhashchange onpagehide

Form Olayları

onblur oninvalid
onchange onreset
oncontextmenu onsearch
onfocus onselect
oninput onsubmit

Klavye Olayları

onkeydown
onkeypress
onkeyup

Fare Olayları

onclick onmouseover
ondblclick onmouseup
onmousedown onmousewheel
onmousemove onwheel
onmouseout

Sürükleme(Drag) Olayları

ondrag ondragover
ondragend ondragstart
ondragenter ondrop
ondragleave onscroll

Pano Olayları

oncopy
oncut
onpaste

Media Olayları

onabort onloadeddata onseeked
oncanplay onloadedmetadata onseeking
oncanplaythrough onloadstart onstalled
oncuechange onpause onsuspend
ondurationchange onplay ontimeupdate
onemptied onplaying onvolumechange
onended onprogress onwaiting
onerror onratechange

Misc

onshow
ontoggle

Hakkında Ahmet C

Yorum Yap

Wordpress Tema indir