Bagian 25: Event Handling di JavaScript

Event handling adalah teknik penting dalam pengembangan web modern untuk merespons interaksi pengguna. Dengan event listener, Anda dapat menjalankan kode ketika pengguna melakukan klik, mengetik, atau menggerakkan mouse di halaman.

Event Handling memungkinkan Anda untuk merespon aksi pengguna seperti klik tombol, input keyboard, mouse, dan lain-lain.

Contoh sederhana event klik

Klik tombol di bawah untuk melihat pesan event ditampilkan.

Jenis Event Umum

• click - ketika elemen diklik
• mouseover - saat mouse berada di atas elemen
• keydown - ketika tombol keyboard ditekan
• submit - saat form dikirim
• change - saat input berubah

Menangani event mouseover

Contoh event mouseover untuk mengganti warna latar belakang.

Contoh Event keydown

Dengan menguasai event handling, Anda bisa membuat aplikasi web yang dinamis dan responsif. Pada bagian selanjutnya, kita akan mempelajari bagaimana JavaScript berinteraksi lebih lanjut dengan API dan AJAX.

Pertanyaan Umum tentang Event Handling

• Apa itu event di JavaScript? Event adalah aksi atau kejadian yang terjadi di browser, seperti klik, ketikan, atau gerakan mouse.
• Apa perbedaan antara event inline dan event listener? Event inline ditulis langsung di HTML, sedangkan event listener ditambahkan dengan JavaScript menggunakan addEventListener.
• Dapatkah saya menambahkan lebih dari satu event pada elemen? Ya, Anda dapat menambahkan banyak event listener pada elemen yang sama untuk berbagai jenis event.