JavaScript/DOM/Event/mousemove

Aus SELFHTML-Wiki
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>, <bdo>, <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}}}

Meine Werkzeuge
Namensräume

Varianten
Aktionen
Übersicht
Index
Mitmachen
Werkzeuge
Spenden
SELFHTML