Beispiel
Führen Sie einen JavaScript, wenn Sie den Mauszeiger aus einem Bild zu bewegen:
<img onmouseleave="normalImg(this)" src="smiley.gif" alt="Smiley">
Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die OnMouseLeave Ereignis tritt ein, wenn der Mauszeiger aus einem Element bewegt.
Tipp: Dieses Ereignis wird häufig verwendet , zusammen mit dem OnMouseEnter Ereignis, das auftritt , wenn der Mauszeiger auf ein Element bewegt wird.
Tipp: Das OnMouseLeave Ereignis ähnelt dem onmouseout Ereignis. Der einzige Unterschied ist , dass das Ereignis nicht OnMouseLeave Blase (does not propagate up the document hierarchy) . Siehe "More Examples" am Ende dieser Seite , um besser die Unterschiede zu verstehen.
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die das Ereignis vollständig unterstützt.
Event | |||||
---|---|---|---|---|---|
onmouseleave | 30.0 | 5.5 | Ja | 6.1 | 11.5 |
Syntax
In HTML:
In JavaScript:
object .onmouseleave=function(){ Versuch es selber "
In JavaScript mit den addEventListener() Methode:
object .addEventListener("mouseleave", myScript );
Versuch es selber " Hinweis: Die addEventListener() Methode wird nicht unterstützt in Internet Explorer 8 und früheren Versionen.
Technische Details
Blasen: | Nein |
---|---|
Es fällt eine Pauschale: | Nein |
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