Macam-macam Events - JavaScript

Macam-macam events yang bisa ditangani Java script, antara lain:

·         Form Events : blur, change, focus, reset, select,submit.

·         Image Events : abort, error, load.

·         Image Map Events : mouseOver, mouseOut.

·         Link Events : click, mouseOver, mouseOut.

·         Window Events : load, unload, error, focus, blur.

Event onLoad dan onUnload

Event “onLoad “ dan “onUnload” ditrigger ketika suatu user masuk atau keluar suatu halaman website. Event “onLoad” itu sering digunakan untuk mengecek tipe browser suatu pengunjung dan versi browsernya, dan untuk mengload versi webpage yang cocok dengan browser pengunjung.

Event onMouseMove, event object, dan this

onmousemove event terjadi saat pointer mouse digerakkan.
Event object memberi informasi tentang event yang terjadi, mialnya tentang lokasi pointer mouse, tombol keyboard yang ditekan dan sebagainya.

PadaJavaScript this selalu mengacu pada “pemilik” fungsi yang dieksekusi. Contoh:
function doSomething() { this.style.color = '#cc0000'; }
Jika kita definisikan fungsi doSomething() di atas pada sebuah page, maka pemiliknya adalah page itu sendiri.

Event onMouseOver dan onMouseOut

onMouseOver event handler berjalan ketika kursor bergerak melewati elemen pada html
(misalnya gambar). Sedangkan onMouseOut berjalan saat kursor meninggalkan elemen tersebut.

Event onFocus dan onBlur

Event “onFocus”, “onBlur” sering digunakan untuk sebagai kombinasi untuk proses validasi pada sebuah field form. “onFocus” berjalan apabila frame set, document, atau form object seperti text field mendapat fokus untuk input. Sedangkan “onBlur” berjalan jika frame set, document, atau form object seperti text field kehilangan fokus untuk input.

Event Bubbling

Event Bubbling adalah proses di mana event yang berada pada child element “naik” ke parent element. Saat child event berjalan, event ditangani oleh child event handler terlebih dahulu, lalu oleh parent event handler. Event Bubbling bisa dibatalkan, sehingga event handler pada parent element tidak dikerjakan.

Event onClick

onClick event handler biasanya dipakai pada link menuju halaman lain, meskipun bisa juga dipakai pada teks biasa. Fungsi onclick akan menyala jika pengunjung klik pada elemen HTML yang dipasangi event handler tersebut.

Event onChange

onChange event handler berjalan ketika elemen form dipilih dan diubah (contohnya ketika radio button dicentang atau ketika teks dalam textbox diubah). onChange dapat digunakan pada textbox, maupun radio button.

Event onSelect dan onReset

onSelect event handler mengeksekusi kode JavaScript ketika user menyeleksi teks dalam textbox atau textarea. onReset event handler mengeksekusi kode JavaScript ketika user menekan tombol reset.

Event onError

onError Event Handler bekerja saat terjadi error saat me-load document atau image. Dengan onError kita bisa menggantikan pesan error standar dengan fungsi kita sendiri. Fungsi onError mengambil 3 argument: message text, URL, line number.

Event onAbort dan onSubmit

onAbort Event Handler bekerja saat user berhenti me-load gambar. User bisa berhenti me-load gambar dengan cara menekan tombol stop pada browser atau pergi ke halaman lain. onAbort hanya bekerja pada Internet Explorer.

onSubmit event handler digunakan untuk mengeksekusi kode javascript saat user melakukan submit form. Karena itu, onSubmit digunakan dalam tag. onSubmit event handler menggunakan properti event object:

·         type – mengindikasikan tipe event.

·         target – mengindikasikan target object.

Contoh – contoh :

Contoh 1

2. ...
4.      

Penjelasan:
setTimeout("argument 1", argument 2);

Argument 1 adalah kode JavaScript yang akan dijalankan setelah suatu waktu tertentu pada contoh diatas agrumennya adalah "alert('Halo')".
Argument 2 menentukan berapa lama komputer harus menunggu sebelum kode dijalankan. Besarnya adalah dalam satu per seribu detik (3000 millisecond = 3detik).

Contoh 2

Contoh 3

Contoh Lain

• Klik Aja
• Klik aja