TOP NEWS

A friend once said, "You can't get so hung up on where you'd rather be that you forget to make the most of where you are." We got lost along the way. But we found each other. And we made a life. A beautiful life. Together.

Tuesday, April 3, 2018

Penanganan Event In - JavaScript




Apa itu Penanganan Event

Penanganan Event atau Event Handler adalah kemampuan javascript untuk mendeteksi event atau kejadian-kejadian yang terjadi di halaman web, kemudian menangani atau melakukan suatu proses jika terdeteksi suatu event. Event di web bisa macam-macam, seperti klik, double klik, menggerakkan mouse, bila pointer mouse berada di atas suatu objek HTML, dan
sebagainya.
Sintaknya:
nama_event=”kode javascript”
Contoh: 



Pada contoh di atas ada sebuah link google, yang jika diklik (onclick) maka akan dieksekusi kode
javascript alert(‘hello’)

Ada macam-macam event yang bisa terjadi pada halaman web atau objek HTML, yaitu sebagai
berikut:
• onblur
• onchange
• onclick
• ondblclick
• onerror
• onfocus
• onkeydown
• onkeypress
• onkeyup
• onload
• onmousedown
• onmousemove
• onmouseout
• onmouseover
• onmouseup
• onreset
• onresize
• onselect
• onsubmit
• onunload

Contoh-contoh Penanganan Event

1. Onclick 
Pada contoh dibawah kita membuat tombol, yang kalau diklik akan muncul window alert 

2. onload
Event onload akan dieksekusi jika suatu objek telah diload, pada contoh berikut kita menaruh
event onload di tag <body>, artinya jika halaman web sudah diload semua, maka dieksekusi
kode javascript 


3. onmouseover dan onmouseout
Onmouseover berguna untuk mendeteksi apakah pointer mouse berada di atas suatu objek
HTML, onmouseout berguna untuk mendeteksi apakah pointer mouse keluar dari objek HTML,
contoh:


4. onunload
Biasanya berguna untuk mendeteksi jika user meninggalkan atau menutup suatu halaman web 

Tugas 1 :

Tugas perorangan Tulislah Script program tersebut kertas 1 - 4 tentang contoh-contoh penanganan event, Foto hasilnya dan kirimkan foto tugas anda ke Edmodo

0 komentar: