Event onmouseleave

Zdarzenia DOM MouseEvent

Definicja i użycie

Kiedy wskaźnik myszy opuszcza element, zdarza się event onmouseleave.

Wskazówka:To zdarzenie jest zwykle używane z Zdarzenie onmouseenterużywane razem, to zdarzenie występuje, gdy wskaźnik myszy przechodzi nad element.

Wskazówka: Zdarzenie onmouseleave jest podobne do Zdarzenie onmouseout.Jedyną różnicą jest to, że zdarzenie onmouseleave nie bąbelkuje (nie jest przekazywane do wyższego poziomu struktury dokumentu). Zobacz więcej przykładów na dole strony.

Przykład

Przykład 1

Wykonaj JavaScript, gdy wskaźnik myszy przechodzi nad obraz:

<img onmouseleave="normalImg(this)" src="smiley.gif" alt="Uśmiech">

Spróbuj sam

Przykład 2

Ten przykład pokazuje różnice między zdarzeniami onmousemove, onmouseleave i onmouseout:

<div onmousemove="myMoveFunction()">
  <p id="demo">Pokażę na przykładzie onmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
  <p id="demo2">Pokażę na przykładzie onmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
  <p id="demo3">Pokażę na przykładzie onmouseout!</p>
</div>

Spróbuj sam

Gramatyka

W HTML:

<element onmouseleave="myScript">

Spróbuj sam

W JavaScript:

obiekt.onmouseleave = function(){myScript};

Spróbuj sam

W JavaScript, używając metody addEventListener():

obiekt.addEventListener("mouseleave", myScript);

Spróbuj sam

Komentarz:Internet Explorer 8 lub wcześniejsze wersje nie obsługują Metoda addEventListener().

Szczegóły techniczne

Bąbelkowanie: Nieobsługiwane
Można anulować: Nieobsługiwane
Typy zdarzeń: MouseEvent
Obsługiwane etykiety HTML: Wszystkie elementy HTML, z wyjątkiem: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> oraz <title>
Wersja DOM: Zdarzenia poziomu 2

Przeglądarka obsługuje

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje to zdarzenie.

Zdarzenia Chrome IE Firefox Safari Opera
onmouseleave 30.0 5.5 Wsparcie 6.1 11.5
Zdarzenia DOM MouseEvent