Jenis-jenis Event

JavaScript memiliki berbagai jenis event yang memungkinkan Anda untuk merespons interaksi pengguna atau perubahan dalam dokumen HTML. Berikut beberapa jenis event yang umum digunakan:

Mouse Events

  • click: Terjadi ketika elemen diklik.
  • mouseover dan mouseout: Ketika kursor mouse masuk atau keluar dari elemen.
  • mousemove: Setiap kali mouse bergerak di atas elemen.

Keyboard Events

  • keydown dan keyup: Terjadi ketika tombol keyboard ditekan atau dilepaskan.
  • keypress: Ketika karakter tertentu ditekan (biasanya tombol dengan karakter terlihat).

Form Events

  • submit: Terjadi saat formulir diajukan.
  • change: Ketika nilai elemen input berubah (seperti <input> atau <select>).
  • focus dan blur: Ketika elemen input fokus atau kehilangan fokus.

Document/Window Events

  • load: Ketika halaman selesai dimuat.
  • resize: Ketika ukuran jendela browser berubah.
  • scroll: Ketika pengguna menggulir halaman.

Custom Events

Anda juga dapat membuat event kustom menggunakan CustomEvent untuk berkomunikasi antar komponen dalam aplikasi Anda.

Untuk menangani event dalam JavaScript, Anda dapat menggunakan pendengar event (event listener) seperti ini:

// Contoh untuk menangani klik tombol dengan id "myButton"
const myButton = document.getElementById('myButton');

myButton.addEventListener('click', function() {
  // Kode untuk menangani klik di sini
});

Ini hanya beberapa jenis event yang umum digunakan. Anda dapat menangani event-event ini untuk membuat interaksi yang dinamis dalam aplikasi web Anda. Semoga tutorial ini membantu Anda memahami dasar-dasar event dalam JavaScript!

PREVIOUS
NEXT