Wydarzenie onmousemove
Przykład
Wykonaj JavaScript podczas przesuwania wskaźnika myszy nad elementem <div>:
<div onmousemove="myFunction()">Move the cursor over me</div>
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Zdarzenie onmousemove występuje, gdy wskaźnik porusza się, gdy znajduje się nad elementem.
Obsługa przeglądarki
| Event | |||||
|---|---|---|---|---|---|
| onmousemove | Yes | Yes | Yes | Yes | Yes |
Składnia
W HTML:
<element onmousemove="myScript">
W JavaScript:
object.onmousemove = function(){myScript};
W JavaScript za pomocą metody addEventListener():
object.addEventListener("mousemove", myScript);
Uwaga: Metoda addEventListener() nie jest obsługiwana w programie Internet Explorer 8 i wcześniejszych wersjach.
Szczegóły techniczne
| Bąbelki: | tak |
|---|---|
| Możliwość anulowania: | tak |
| Typ wydarzenia: | MyszZdarzenie |
| Obsługiwane tagi HTML: | Wszystkie elementy HTML, Z WYJĄTKIEM: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> i <title> |
| Wersja DOM: | Wydarzenia poziomu 2 |
Więcej przykładów
Przykład
Ten przykład pokazuje różnicę między zdarzeniami onmousemove, onmouseenter i mouseover:
<div onmousemove="myMoveFunction()">
<p id="demo">I will demonstrate onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
<p id="demo2">I will demonstrate onmouseenter!</p>
</div>
<div onmouseover="myOverFunction()">
<p id="demo3">I will demonstrate onmouseover!</p>
</div>
Przykład
Ten przykład ilustruje różnicę między zdarzeniami onmousemove, onmouseleave i onmouseout:
<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>