JavaScript/DOM/Event/mouseout

Aus SELFHTML-Wiki
JavaScript‎ | DOM‎ | Event
Version vom 15. Juni 2024, 21:29 Uhr von RolfBot (Diskussion | Beiträge) (→‎top: replaced: <source lang="html5"> → <syntaxhighlight lang="html5">, </source> → </syntaxhighlight>)

(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
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 am 28.09.2025
von "http://wiki.selfhtml.org/wiki/JavaScript/DOM/Event/mouseout"