Najnowsze tutoriale tworzenie stron internetowych
 

onmousemove Event

<Object Event

Przykład

Wykonać JavaScript podczas przesuwania wskaźnika myszy nad <div> element:

<div onmousemove="myFunction()">Move the cursor over me</div>
Spróbuj sam "

Więcej "Try it Yourself" przykłady poniżej.

Definicja i Wykorzystanie

Onmousemove zdarzenie, gdy wskaźnik porusza się, gdy jest nad elementem.

Wsparcie przeglądarka

Zdarzenie
onmousemove tak tak tak tak tak

Składnia

W HTML:

< Spróbuj sam "

W JavaScript:

object .onmousemove=function(){ Spróbuj sam "

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

object .addEventListener("mousemove", 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: tak
opłata: tak
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

Ten przykład pokazuje różnicę między onmousemove, onmouseenter i mouseover zdarzeń:

<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>
Spróbuj sam "

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