Συμβάν onmouseover

Συμβάντα DOM MouseEvent

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

Το συμβάν onmouseover συμβαίνει όταν το δάχτυλο του ποντικιού κινείται πάνω από το στοιχείο ή τα υποστοιχεία του.

Συμβουλή:Αυτό το συμβάν συχνά συνδυάζεται με Ανάκτηση εξωτερικών στοιχείων (onmouseout) συμβάνΣυνδυάζονται, συμβάντα εκδηλώνονται όταν ο χρήστης απομακρύνει τον δάχτυλο του ποντικιού από το στοιχείο.

Παράδειγμα

Παράδειγμα 1

Εκτελεί JavaScript όταν το δάχτυλο του ποντικιού μετακινείται πάνω από την εικόνα:

<img onmouseover="bigImg(this)" src="smiley.gif" alt="Smiley">

Προσπάθησε το εαυτό σου

Παράδειγμα 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>

Προσπάθησε το εαυτό σου

Γραμματική

Στο HTML:

<element onmouseover="myScript">

Προσπάθησε το εαυτό σου

Στο JavaScript:

object.onmouseover = function(){myScript};

Προσπάθησε το εαυτό σου

Στο JavaScript, χρησιμοποιώντας τη μέθοδο addEventListener():

object.addEventListener("mouseover", myScript);

Προσπάθησε το εαυτό σου

Σημείωση:O 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
onmouseover Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη
Συμβάντα DOM MouseEvent