Najnowsze tutoriale tworzenie stron internetowych
 

onmouseleave Event

<Object Event

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

Przykłady

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