Przykład
Wykonać JavaScript podczas przesuwania wskaźnika myszy na obrazie:
<img onmouseleave="normalImg(this)" src="smiley.gif" alt="Smiley">
Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
Onmouseleave zdarzenie, gdy wskaźnik myszy jest przesuwany z elementu.
Wskazówka: To zdarzenie jest często używany razem z onmouseenter zdarzenia, które występuje, gdy wskaźnik myszy przesuwa się na elemencie.
Wskazówka: onmouseleave zdarzenie jest podobny do onMouseOut imprezy. Jedyną różnicą jest to, że zdarzenie nie onmouseleave bańkę (does not propagate up the document hierarchy) . Patrz "More Examples" na dole tej strony, aby lepiej zrozumieć różnice.
Wsparcie przeglądarka
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje zdarzenie.
Zdarzenie | |||||
---|---|---|---|---|---|
onmouseleave | 30,0 | 5.5 | tak | 6.1 | 11,5 |
Składnia
W HTML:
W JavaScript:
object .onmouseleave=function(){ Spróbuj sam "
W JavaScript, używając addEventListener() metodę:
object .addEventListener("mouseleave", myScript );
Spróbuj sam " Uwaga: addEventListener() metoda ta nie jest obsługiwana w programie Internet Explorer 8 i wcześniejszych wersjach.
Szczegóły techniczne
bubbles: | Nie |
---|---|
opłata: | Nie |
Typ wydarzenia: | MouseEvent |
Obsługiwane znaczniki HTML: | Wszystkie elementy HTML, z wyjątkiem: <baza>, <BDO>, Największa, <head>, <html>, <iframe>, <meta>, <param> <script> <style> i <title> |
DOM wersja: | Poziom 2 Wydarzenia |
Więcej przykładów
Przykład
Przykład ten pokazuje różnicę pomiędzy onmousemove, onmouseleave i onMouseOut zdarzeń:
<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>
Spróbuj sam " <Object Event