JavaScript/DOM/Event/mousemove
Aus SELFHTML-Wiki
< JavaScript | DOM | Event
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.
| bubbles |
ja |
|---|---|
| cancelable |
ja |
| mögliche Auslöser |
allen Elementen außer |
| Event-Objekt |
Event |
Beispiel
ansehen …
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
Weblinks
- MDN: mousemove Event
Events (Übersicht)
- Animations-Events
- Datenabruf-Events
- Drag & Drop-Events
- Formular-Events
- Maus, Touch und Pointer-Events
- Medien-Events
- Print-Events
- Tastatur-Events
- Window-Events
- Zwischenablage-Events
