JavaScript/DOM/Event/mouseout

Aus SELFHTML-Wiki
< JavaScript‎ | DOM‎ | Event
Wechseln zu: Navigation, Suche
Event-Handler DOM 2.0 mouseout
Bedeutung wird beim Verlassen des Elements mit der Maus ausgelöst
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 Maus-Event
Browsersupport
  • Chrome
  • Firefox
  • IE
  • Opera
  • Safari
Beispiel

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.

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

{{{Quellen}}}

siehe auch

{{{siehe_auch}}}

Weblinks

{{{Weblinks}}}

</div>