JavaScript/DOM/Event/mousemove: Unterschied zwischen den Versionen

Aus SELFHTML-Wiki
JavaScript‎ | DOM‎ | Event
Wechseln zu: Navigation, Suche
K
(typo)
Zeile 8: Zeile 8:
 
  | bubbles = ja
 
  | bubbles = ja
 
  | cancelable = ja
 
  | cancelable = ja
−
  | Elternelemente = allen Elementen außer<br> <base>, <bdo>, &lt;br>, <head>, <html>,<br> <iframe>, <meta>, <param>, <script>,<br> <style>, und <title>
+
  | Elternelemente = allen Elementen außer<br> <base>, bdo>, &lt;br>, <head>, <html>,<br> <iframe>, <meta>, <param>, <script>,<br> <style>, und <title>
 
  | Event-Objekt= Event
 
  | Event-Objekt= Event
 
  | Browser_chr = chr
 
  | Browser_chr = chr

Version vom 26. April 2021, 04:54 Uhr

Der mousemove-Event-Handler 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

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.



Events (Übersicht)

Abgerufen am 8.01.2026
von "http://wiki.selfhtml.org/wiki/JavaScript/DOM/Event/mousemove"