Zdarzenie onmouseenter

Zdarzenia DOM MouseEvent

Definicja i użycie

Zdarzenie onmouseenter występuje, gdy wskaźnik myszy przenosi się na element.

Wskazówka:To wydarzenie jest zwykle używane z Zdarzenie onmouseleaveużywane razem, wydarzenie to zachodzi, gdy wskaźnik myszy wyjdzie poza element.

Wskazówka: Wydarzenie onmouseenter jest podobne do Zdarzenie onmouseover.Jedyna różnica polega na tym, że wydarzenie onmouseenter nie bąbelkuje (nie przenosi się 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 przeniesie się na obraz:

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

Spróbuj sam

Przykład 2

Ten przykład pokazuje różnice między wydarzeniami onmousemove, onmouseenter i mouseover:

<div onmousemove="myMoveFunction()">
  <p id="demo">Pokażę na przykładzie onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
  <p id="demo2">Pokażę na przykładzie onmouseenter!</p>
</div>
<div onmouseover="myOverFunction()">
  <p id="demo3">Pokażę na przykładzie onmouseover!</p>
</div>

Spróbuj sam

Gramatyka

W HTML:

<element onmouseenter="myScript">

Spróbuj sam

W JavaScript:

obiekt.onmouseenter = function(){myScript};

Spróbuj sam

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

obiekt.addEventListener("mouseenter", 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 wydarzeń: 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: Events Level 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
onmouseenter 30.0 5.5 Wsparcie 6.1 11.5
Zdarzenia DOM MouseEvent