Zdarzenie onmouseout

Zdarzenia DOM MouseEvent

Definicja i zastosowanie

Zdarzenie onmouseout występuje, gdy wskaźnik myszy przechodzi poza element lub jeden z jego potomków.

Wskazówka:To zdarzenie jest często używane z: Zdarzenie onmouseoverUżywane razem, zdarzenie to występuje, gdy wskaźnik myszy przechodzi nad element lub jeden z jego potomków.

Przykład

Przykład 1

Wykonaj skrypt, gdy wskaźnik myszy przechodzi nad obrazem:

<img onmouseout="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żę, jak działa onmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
  <p id="demo2">Pokażę, jak działa onmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
  <p id="demo3">Pokażę, jak działa onmouseout!</p>
</div>

Spróbuj sam

Gramatyka

W HTML:

<element onmouseout="myScript">

Spróbuj sam

W JavaScript:

object.onmouseout = function(){myScript};

Spróbuj sam

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

object.addEventListener("mouseout", myScript);

Spróbuj sam

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

Szczegóły techniczne

Bublowanie: Wspierane
Można uniknąć: Wspierane
Typy zdarzeń: MouseEvent
Wspierane 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

Obsługa przeglądarek

Zdarzenia Chrome IE Firefox Safari Opera
onmouseout Wspierane Wspierane Wspierane Wspierane Wspierane
Zdarzenia DOM MouseEvent