Zdarzenie onmousemove

Zdarzenia DOM MouseEvent

Definicja i użycie

Zdarzenie onmousemove występuje, gdy wskaźnik jest nad elementem.

Przykład

Przykład 1

Wykonaj JavaScript, gdy wskaźnik myszy jest nad <div> elementem:

<div na myszowym wskazaniu="myFunction()">Przenieś kursor nad mnie</div>

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

Przykład 3

Ten przykład pokazuje różnice między wydarzeniami 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 onmousemove="myScript">

Spróbuj sam

W JavaScript:

object.onmousemove = function(){myScript};

Spróbuj sam

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

object.addEventListener("mousemove", myScript);

Spróbuj sam

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

Szczegóły techniczne

Bublowanie: Wsparcie
Można uniknąć: Wsparcie
Typy zdarzeń: MouseEvent
Obsługiwane tagi HTML: Wszystkie elementy HTML, oprócz: <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
onmousemove Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie
Zdarzenia DOM MouseEvent