Event adalah suatu aksi yang dilakukan oleh pemakai yang memicu jalannya kode JavaScript anda.sebagian besar event dipicu oleh pemakai yang memanipulasi halaman web pada program browsernya , seperti menggeser pointer keatas link untuk memicu menampilkan alamat link pada baris status.

Macam-macam event :

1. Click , event ini terjadi jika pemakai mengklik tombol mouse pada link atau elemen yang terdapat form.
2. Focus, event ini terjadi jika pemakai mengklik atau meletakkan pointer mouse pada elemen form seperti field teks , kotak cek dan sebagainya.
3. Blur , event ini terjadi jika pemakai menyingkirkan focus (pointer mouse) dari elemen form yang sebelumnya diberi focus.
4. Change , event ini terjadi jika pemakai mengubah input atau masukan pada elemen form.
5. MouseOver, terjadi jika pemakai meletakkan mouse di atas sebuah link .
6. Select, event ini terjadi jika pemakai memilih teks pada elemen form , seperti menggeser pointer mouse pada teks sambil menahan tombol kiri mouse.
7. Submit, event ini terjadi bila mengklik tombol “submit”

Menjalankan Event

Event Handler

Event Handler merupakan kode-kode javascript yang akan dijalankan apabila event tersebut dipicu.

Untuk menjalankan event tersebut maka digunakan sintaks :

On NamaEvent = “ kode JavaScript ”

Contoh :

OnMouseOver =”fungsi_data (a,b)”

Memanggil Event Handler

Metode pemanggilan event handler dapat menggunakan dua metode, yaitu :

1. Memanggil melalui fungsi

Event Handler dapat dijalankan dengan cara memanggil fungsi. Sintaknya adalah :

OnNamaEvent = “namafungsi (parameter)”

Untuk lebih jelasnya lagi, perhatikan contoh_9.1.html di bawah ini :

2. Memanggil dengan menjalankan kode javascript secara langsung

Event Handler dapat dijalankan dengan cara membuat kode javascript secara langsung di text editor. Sintaknya adalah :

OnNamaEvent = “kode javascript”

Perhatikan contoh_9.2.html :

Dari contoh gambar di atas dapat di tarik beberapa kesimpulan, bahwa :

Jika link tersebut di klik yaitu kata pencet, maka akan dijalankan script javascript “document.write ('<h4>'+'selamat datang'+'</h4>')" yang akan menampilkan teks selamat datang pada halaman browser tersebut.

Beberapa apklikasi Event

1. contoh_9.3.html mengenai event Click:

Contoh di atas memberikan gambaran kerja sebuah perhitungan sederhana dengan menggunakan javascript yang menjadi gabungan antara fungsi dan event.

Di bawah ini adalah contoh aplikasi form yang interaktif dengan user ketika memasukkan input ke dalamnya :

Perhatikan contoh_9.4.html, contoh ini merupakan contoh event focus :

Tampilan di browsernya adalah :

Perhatikan bagian yang dikenai oleh tanda panah di atas, bagian tersebut merupakan ciri khas dari event focus.

Contoh_9.5.html tentang event Submit adalah :

Tampilan di browsernya adalah :

Tampilan yang dikenai oleh tanda panah, merupakan cirri khas dari event onSubmit.