Penanganan Berbagai Jenis Event di JavaScript
Selain klik pada elemen, ada juga
event lainnya. Misalnya, dengan menggunakan event dblclick
kita dapat mendeteksi klik ganda pada elemen,
dengan event mouseover - saat kursor
mengarah ke elemen, dan dengan event mouseout
- saat kursor meninggalkan elemen.
Sementara itu, satu elemen dapat memiliki penangan untuk berbagai jenis event. Mari, sebagai contoh, pasang reaksi untuk event mengarahkan kursor dan reaksi untuk event meninggalkan elemen pada satu elemen yang sama:
button.addEventListener('mouseover', function() {
console.log('1');
});
button.addEventListener('mouseout', function() {
console.log('2');
});
Diberikan sebuah tombol. Saat diklik dua kali, tampilkan sebuah pesan.
Diberikan sebuah tombol. Saat kursor mengarah padanya, tampilkan sebuah pesan.
Diberikan sebuah tombol. Saat kursor meninggalkannya, tampilkan sebuah pesan.
Diberikan sebuah tombol. Saat kursor mengarah padanya, tampilkan satu pesan, dan saat kursor meninggalkannya - pesan lainnya.
