Sistem Informasi

Baru belajar JavaScript? Bingung apa itu event? Mau tahu apa perbedaannya dengan function? Yuk, baca artikel di bawah ini!

Event pada JavaScript dapat dikatakan sebagai fungsi pasif (passive function) yang disediakan oleh JavaScript. Berbeda dengan function yang harus dipanggil terlebih dahulu agar prosesnya berjalan, event tidak perlu dipanggil. Proses event akan berjalan apabila suatu aksi tertentu dikenakan pada elemen HTML tertentu. Dengan kata lain, function dikendalikan oleh programmer, sedangkan event dikendalikan oleh user.

Event yang disediakan oleh JavaScript terbagi menjadi 2 jenis, yaitu system event dan user event. System event adalah event yang selalu ada dan sangat berhubungan dengan sistem halaman web yang digunakan. Sedangkan user event adalah event yang hanya ada apabila ada elemen halaman web yang digunakan.

Macam-macam system event pada JavaScript beserta fungsinya:

• onError: event ini muncul apabila terjadi kesalahan pada window atau image.
• onLoad: event ini muncul apabila suatu objek (window, frame, atau image) telah selesai ditampilkan pada halaman web.
• onUnload: event ini muncul apabila suatu objek (window, frame, atau image) telah dikeluarkan dari ruang memori atau telah selesai digunakan.

Macam-macam user event pada JavaScript beserta fungsinya:

• onAbort: event yang dimiliki oleh objek image ini akan muncul apabila sebuah gambar dihentikan proses pemunculannya yang dimungkinkan akibat penekanan tombol stop pada browser.
• onBlur: event ini muncul apabila sebuah elemen (window, frame, select, text, atau textarea)  kehilangan fokusnya.
• onChange: event ini muncul apabila sebuah elemen (select, text, atau textarea) telah diubah nilainya sebelum elemen tersebut kehilangan fokusnya.
• onClick: event ini muncul apabila terjadi aksi klik terhadap suatu elemen, seperti elemen button.
• onContextMenu: event ini muncul apabila terjadi aksi klik kanan terhadap suatu elemen.
• onDblClick: event ini muncul apabila terjadi aksi klik ganda terhadap suatu elemen.
• onFocus: event ini muncul apabila sebuah elemen (window, frame, select, text, atau textarea)  dikenai fokus.
• onHelp: event ini muncul apabila terjadi penekanan tombol F1, yang umumnya digunakan oleh berbagai aplikasi sebagai tombol shortcut untuk menampilkan fasilitas bantuan (help).
• onKeydown: event ini muncul apabila terjadi penekanan tombol keyboard.
• onKeypress: event ini muncul apabila terjadi penekanan dan pelepasan tombol keyboard.
• onKeyup: event ini muncul apabila terjadi pelepasan tombol keyboard yang ditekan.
• onMousedown: event ini muncul apabila terjadi penekanan tombol mouse.
• onMousemove: event ini muncul apabila mouse digerakkan (pointer berubah posisinya).
• onMouseout: event ini muncul apabila pointer keluar dari area suatu elemen (elemen hyperlink dan elemen area).
• onMouseover: event ini muncul apabila pointer berada di atas area suatu elemen (elemen hyperlink dan elemen area).
• onReset: event ini muncul apabila terjadi penekanan terhadap tombol reset pada form yang bersangkutan.
• onResize: event ini muncul apabila ukuran jendela browser diubah (diperbesar atau diperkecil).
• onSelect: event ini muncul apabila terjadi pemilihan teks pada lement text dan textarea dengan cara diblok.
• onStop: event ini muncul apabila user melakukan penekanan tombol stop pada browser.
• onSubmit: event ini muncul apabila terjadi penekanan terhadap tombol submit pada form yang bersangkutan.

Sumber: http://agiptek.com/index.php/javascript/144-event-pada-javascript.html