Mouse Events

Modul 5: Mouse Events

Event-event yang terkait dengan pergerakan dan tindakan mouse di dalam elemen HTML dapat ditangani menggunakan mouse events. Berikut adalah beberapa event mouse yang umum digunakan:

1. click Event:

Event ini terjadi ketika mouse diklik pada elemen.

document.addEventListener("click", function(event) {
    console.log("Mouse diklik pada elemen");
});

2. dblclick Event:

Event ini terjadi ketika mouse mendapat dua klik cepat pada elemen.

document.addEventListener("dblclick", function(event) {
    console.log("Mouse mendapat dua klik cepat pada elemen");
});

3. mouseover Event:

Event ini terjadi saat mouse bergerak ke atas elemen.

document.addEventListener("mouseover", function(event) {
    console.log("Mouse bergerak ke atas elemen");
});

4. mouseout Event:

Event ini terjadi saat mouse meninggalkan elemen.

document.addEventListener("mouseout", function(event) {
    console.log("Mouse meninggalkan elemen");
});

5. mousemove Event:

Event ini terjadi saat mouse bergerak di atas elemen.

document.addEventListener("mousemove", function(event) {
    console.log("Mouse bergerak di atas elemen");
});

Mouse events sangat berguna untuk memberikan respons interaktif terhadap tindakan pengguna pada elemen-elemen HTML di dalam aplikasi web Anda.