Event handling adalah kemampuan javascript dalam menangani suatu event atau aksi/kejadian yang terjadi pada web. Misalnya jika terjadi suatu kejadian maka perintah tertentu akan terjadi. Contoh nya jika suatu tombol di klik maka akan menjalankan suatu function. Hal ini sudah di tentukan oleh programmer sendiri dalam menggunakan logika dalam membuat applikasi web menggunakan javascript.

 

mengenal event handling dalam JavaScript.

Contoh -contoh event

  1. klik(onclick)

Ketikkan seperti berikut :

Pada perintah di atas terdapat sebuah function untuk menampilkan string. Kemudian terdapat sebuah tombol di beri event onclick yang berfungsi jika tombol di klik maka akan memanggil function klik().

Sehingga apabila tombol tersebut diklik, maka akan menampilkan string yang dibuat.

Berikut ini adalah beberapa contoh-contoh event pada javascript selain onclick yang bisa anda coba :

  • onError = event ini di jalankan ketika terjadi sebuah error atau kesalahan.
  • onLoad= Event ini di gunakan untuk menjalankan perintah ketika suatu objek selesai itampilkan pada halaman web.
  • onSubmit = event ini di jalanka ketika setelah menekan sebuah tombol pada form.
  • onSelect = event ini di jalankan ketika melakukan pemilihan pada text atau text di block
  • onBlur = Event ini dibangkitkan ketika sebuah element (dalam hal ini adalah element window, frame, select, text, dan textarea) kehilangan focusnya
  • onClick=event ini terjadi jika terjadi klik pada tombol,hyperlink,gambar,dll.
  • onContextMenu = event ini terjadi jika terjadi klik kanan pada sebuah element yang di beri event ini.
  • onDblClick=event ini terjadi jika terjadi dauble klik.
  • onKeypress= event ini terjadi jika terjadi pengetikan keyboard.
  • onKeydown = event ini terjadi jika terjadi penekanan pada tombol bawah pada keyboard.
  • onMousemove = event in terjadi jika pointer mouse bergerak.
  • onMouseout = event ini terjadi jika pointer keluar dari element yang di beri event ini.
  • onMouseover = event yang terjadi jika pointer berada di atas element yang di beri event ini (kebalikan dari event onMouseout).

 

Sekian, semoga bermanfaat.

 

Source : http://www.carikode.com/tutorial-belajar-dasar-javascript-mengenal-event-handling-dalam-javascript/

Bingung tentang sourcecode atau pemrograman yang ingin dipelajari? TANYA DI SINI
Bingung cari modul, soal, pembahasan mata kuliah? CARI DI SINI