Neueste Web-Entwicklung Tutorials
 

OnMouseLeave Ereignis

<Ereignisobjekt

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

Beispiele

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