JavaScript/DOM/Event/mousemove

Aus SELFHTML-Wiki
< JavaScript‎ | DOM‎ | Event(Weitergeleitet von Mousemove)
Wechseln zu: Navigation, Suche

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
<base>, <bdo>, <br>, <head>, <html>,
<iframe>, <meta>, <param>, <script>,
<style>, und <title>

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