Το συμβάν onmousemove

DOM εκδηλώσεις MouseEvent

Ορισμός και χρήση

Το συμβάν onmousemove συμβαίνει όταν ο δείκτης του ποντικιού κινείται πάνω στο στοιχείο.

Παράδειγμα

Παράδειγμα 1

Εκτελέστε JavaScript όταν ο δείκτης του ποντικιού βρίσκεται πάνω στο <div> στοιχείο:

<div onmousemove="myFunction()">Κινήστε τον δείκτη του ποντικιού πάνω μου</div>

Προσπαθήστε το προσωπικά

Παράδειγμα 2

Αυτό το παράδειγμα δείχνει τη διαφορά μεταξύ των συμβάντων onmousemove, onmouseenter και mouseover:

<div onmousemove="myMoveFunction()">
  <p id="demo">Θα δείξω το onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
  <p id="demo2">Θα δείξω το onmouseenter!</p>
</div>
<div onmouseover="myOverFunction()">
  <p id="demo3">Θα δείξω το onmouseover!</p>
</div>

Προσπαθήστε το προσωπικά

Παράδειγμα 3

Αυτό το παράδειγμα δείχνει τη διαφορά μεταξύ των συμβάντων onmousemove, onmouseleave και onmouseout:

<div onmousemove="myMoveFunction()">
  <p id="demo">Θα δείξω το onmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
  <p id="demo2">Θα δείξω το onmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
  <p id="demo3">Θα δείξω το onmouseout!</p>
</div>

Προσπαθήστε το προσωπικά

Γραμματική

Στο HTML:

<element onmousemove="myScript">

Προσπαθήστε το προσωπικά

Στο JavaScript:

object.onmousemove = function(){myScript};

Προσπαθήστε το προσωπικά

Στο JavaScript, χρησιμοποιήστε τη μέθοδο addEventListener():

object.addEventListener("mousemove", myScript);

Προσπαθήστε το προσωπικά

Σημείωση:Το Internet Explorer 8 ή παλιότερη έκδοση δεν υποστηρίζει Μέθοδος addEventListener().

Τεχνικά λεπτομέρειες

Παράδοση: Υποστήριξη
Κατάργηση: Υποστήριξη
Τύπος συμβάντος: MouseEvent
Υποστηριζόμενα στοιχεία HTML: Όλα τα στοιχεία HTML, εκτός από：<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> και <title>
Εκδοχή DOM: Level 2 Εκδηλώσεις

Υποστήριξη περιηγητών

Αναφορές Chrome IE Firefox Safari Opera
onmousemove Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη
DOM εκδηλώσεις MouseEvent