JavaScript/DOM/Event/mousemove

Der mousemove-Event-Handler wird bei weiterbewegter Maus ausgelöst. Er tritt ein, wenn der Anwender die Maus bewegt, unabhängig davon, ob die Maustaste gedrückt ist oder nicht.

document.getElementById('buehne').addEventListener('mousemove', HoleKoordinaten);
function EntferneHandler() {
 document.getElementById('buehne').removeEventListener('mousemove', HoleKoordinaten);
}
function HoleKoordinaten(e) {
 x = e.clientX;
 y = e.clientY;
 document.getElementById('x').innerHTML = x;
 document.getElementById('y').innerHTML = y;
}

Das div-Element im Beispiel hat einen mousemove-EventHandler, der die Position der Maus innerhalb des Divs anzeigt. Ein Klick auf den Button entfernt den EventHandler mit removeEventListener.

Siehe auch

• JavaScript/Tutorials/Mouse and More

Weblinks

• MDN: mousemove Event