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

Abgerufen von „http://wiki.selfhtml.org/index.php?title=JavaScript/DOM/Event/mouseout&oldid=97391"