APA ITU EVENTS

Events dalam JavaScript merupakan aksi atau kejadian yang terjadi dalam browser yang dipantau oleh JavaScript, seperti klik mouse, penekanan tombol keyboard, perubahan halaman web, atau keluar dari halaman web.

Pengertian Events JavaScript

Events dalam JavaScript adalah interaksi antara pengguna dan sistem. Misalnya, pengguna mengklik tombol, menggerakkan mouse, menekan tombol keyboard, atau mengubah ukuran jendela browser. Semua inilah yang disebut dengan Events.

Jenis-Jenis Events JavaScript

Ada banyak jenis events yang dapat dipantau oleh JavaScript. Berikut adalah beberapa jenis events yang paling sering digunakan:

Mouse Events

Mouse events dipicu oleh aksi pengguna menggunakan mouse, seperti:

• click: Ketika pengguna mengklik elemen
• dblclick: Ketika pengguna mengklik dua kali pada elemen
• mouseenter: Ketika kursor mouse masuk ke dalam elemen
• mouseleave: Ketika kursor mouse meninggalkan elemen

Keyboard Events

Keyboard events dipicu oleh aksi pengguna menggunakan keyboard, seperti:

• keydown: Ketika pengguna menekan tombol keyboard
• keyup: Ketika pengguna melepas tombol keyboard
• keypress: Ketika pengguna menekan dan melepas tombol keyboard

Selain itu masih banyak lagi jenis events lainnya seperti form events, window events, dan lain sebagainya.

Cara Menggunakan Events JavaScript

Untuk menggunakan events dalam JavaScript, kamu perlu menambahkan event handler ke elemen HTML yang ingin dipantau events-nya. Berikut adalah contoh bagaimana cara menambahkan event handler untuk event click pada elemen button:

<button onclick="myFunction()">Click me</button>

Dalam contoh di atas, fungsi “myFunction()” akan dijalankan setiap kali pengguna mengklik tombol.

function myFunction() {
  alert("You clicked me!");
}

Dalam contoh di atas, ketika pengguna mengklik tombol, pengguna akan melihat alert dengan pesan “You clicked me!“.

Menangani dan merespon events dalam JavaScript merupakan bagian penting dalam membangun interaksi pengguna. Dengan memahami dan menguasai penggunaan events, kamu dapat membuat aplikasi web yang lebih interaktif dan dinamis.