JavaScript/DOM/Event/mousemove

Aus SELFHTML-Wiki
< JavaScript‎ | DOM‎ | Event
Wechseln zu: Navigation, Suche
Event-Handler JavaScript 1.2 DOM 2.0 mousemove
Bedeutung wird bei weiterbewegter Maus ausgelöst. Tritt ein, wenn der Anwender die Maus bewegt, unabhängig davon, ob die Maustaste gedrückt ist oder nicht.
bubbles ja
cancelable ja
Elternelemente Darf vorkommen in: allen Elementen außer
<base>, , <br>, <head>, <html>,
<iframe>, <meta>, <param>, <script>,
<style>, und <title>
Event-Objekt Event
Browsersupport
  • Chrome
  • Firefox
  • IE
  • Opera
  • Safari
Beispiel

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.

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;
}
Beachten Sie
Tipp
Quellen

{{{Quellen}}}

siehe auch

{{{siehe_auch}}}

Weblinks

{{{Weblinks}}}

</div>