JavaScript/DOM/Event/mouseout

Aus SELFHTML-Wiki
< JavaScript‎ | DOM‎ | Event
Wechseln zu: Navigation, Suche

Der mouseout-Event-Handler wird beim Verlassen des Elements mit der Maus ausgelöst.

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

Maus-Event

Beispiel ansehen …
<main id="buehne" onmousemove="HoleKoordinaten(event)">
  <p>X: <span id="x"></span>px  &nbsp; Y: <span id="y"></span>px</p>
</main>

<script>
  var elem = document.getElementById('buehne'); 
  elem.addEventListener('mouseout', LoescheKoordinaten);

  function HoleKoordinaten(e) {
    x = e.clientX;
    y = e.clientY;
    document.getElementById('x').innerHTML = x;
    document.getElementById('y').innerHTML = y;
  }

  function LoescheKoordinaten() {
    document.getElementById('x').innerHTML = '';
    document.getElementById('y').innerHTML = '';
  }
</script>

Das main-Element hat einen mousemove-EventHandler, der die Position der Maus innerhalb des Divs anzeigt.

Wenn Sie die blaue Bühne mit der Maus verlassen, löscht mouseout die Koordinaten.


Siehe auch

Weblinks