JavaScript/DOM/Event/mouseout
Aus SELFHTML-Wiki
< JavaScript | DOM | Event
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 |
| Event-Objekt |
Maus-Event |
Beispiel
ansehen …
<main id="buehne" onmousemove="HoleKoordinaten(event)">
<p>X: <span id="x"></span>px 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
- MDN: mouseout Event
Events (Übersicht)
- Animations-Events
- Datenabruf-Events
- Drag & Drop-Events
- Formular-Events
- Maus, Touch und Pointer-Events
- Medien-Events
- Print-Events
- Tastatur-Events
- Window-Events
- Zwischenablage-Events
