Wydarzenie onmouseleave
Przykład
Wykonaj JavaScript podczas przesuwania wskaźnika myszy poza obraz:
<img onmouseleave="normalImg(this)" src="smiley.gif" alt="Smiley">
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Zdarzenie onmouseleave występuje, gdy wskaźnik myszy zostanie przesunięty poza element.
Wskazówka: to zdarzenie jest często używane razem ze zdarzeniem onmouseenter , które występuje, gdy wskaźnik myszy jest przesuwany na element.
Wskazówka: zdarzenie onmouseleave jest podobne do zdarzenia onmouseout . Jedyną różnicą jest to, że zdarzenie onmouseleave nie bąbelkuje (nie propaguje hierarchii dokumentów). Zobacz „Więcej przykładów” na dole tej strony, aby lepiej zrozumieć różnice.
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje zdarzenie.
Event | |||||
---|---|---|---|---|---|
onmouseleave | 30.0 | 5.5 | Yes | 6.1 | 11.5 |
Składnia
W HTML:
<element onmouseleave="myScript">
W JavaScript:
object.onmouseleave = function(){myScript};
W JavaScript za pomocą metody addEventListener():
object.addEventListener("mouseleave", myScript);
Uwaga: Metoda addEventListener() nie jest obsługiwana w programie Internet Explorer 8 i wcześniejszych wersjach.
Szczegóły techniczne
Bąbelki: | Nie |
---|---|
Możliwość anulowania: | Nie |
Typ wydarzenia: | MyszZdarzenie |
Obsługiwane tagi HTML: | Wszystkie elementy HTML, Z WYJĄTKIEM: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> i <title> |
Wersja DOM: | Wydarzenia poziomu 2 |
Więcej przykładów
Przykład
Ten przykład ilustruje różnicę między zdarzeniami onmousemove, onmouseleave i onmouseout:
<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>