Beispiel
Führen Sie einen JavaScript, wenn Sie den Mauszeiger aus einem Bild zu bewegen:
<img onmouseout="normalImg(this)" src="smiley.gif" alt="Smiley">
Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die Onmouseout Ereignis tritt ein, wenn der Mauszeiger aus einem Element bewegt wird, oder aus einem ihrer Kinder.
Tipp: Dieses Ereignis wird oft verwendet wird , zusammen mit dem Onmouseover Ereignis, das auftritt , wenn der Zeiger auf ein Element bewegt wird, oder auf eines seiner Kinder.
Browser-Unterstützung
| Event | |||||
|---|---|---|---|---|---|
| onmouseout | Ja | Ja | Ja | Ja | Ja |
Syntax
In HTML:
In JavaScript:
object .onmouseout=function(){ Versuch es selber " In JavaScript mit den addEventListener() Methode:
object .addEventListener("mouseout", myScript );
Versuch es selber " Hinweis: Die addEventListener() Methode wird nicht unterstützt in Internet Explorer 8 und früheren Versionen.
Technische Details
| Blasen: | Ja |
|---|---|
| Es fällt eine Pauschale: | Ja |
| Event-Typ: | Mouseevent |
| Unterstützte HTML-Tags: | Alle HTML - Elemente, AUSSER: <base>, <bdo>, in , <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> und <title> |
| DOM Version: | Level 2 Veranstaltungen |
Mehr Beispiele
Beispiel
Dieses Beispiel zeigt die Differenz zwischen dem onmousemove, OnMouseLeave und onmouseout Ereignisse:
<div onmousemove="myMoveFunction()">
<p id="demo">I will
demonstrate onmousemove!</p>
</div>
<div
onmouseleave="myLeaveFunction()">
<p id="demo2">I will demonstrate onmouseleave!</p>
</div>
<div
onmouseout="myOutFunction()">
<p id="demo3">I will
demonstrate onmouseout!</p>
</div>
Versuch es selber " <Ereignisobjekt