Συμβάν onmouseout

Γεύμα Εκδηλώσεων DOM MouseEvent

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

Συμβάν onmouseout συμβαίνει όταν το δάχτυλο του αθροιστή απομακρύνεται από το στοιχείο ή έναν από τους υποστοιχεία του.

Συμβουλή:Αυτό το συμβάν συχνά συνδυάζεται με Γεύμα onmouseoverΧρησιμοποιούνται μαζί, συμβάντα αυτών των συμβάντων συμβαίνουν όταν το δάχτυλο του αθροιστή κινείται σε στοιχείο ή έναν από τους υποστοιχεία του.

Παράδειγμα

Παράδειγμα 1

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

<img onmouseout="normalImg(this)" src="smiley.gif" alt="Smiley">

Προσπάθησε να το δοκιμάσεις!

Παράδειγμα 2

Αυτό το παράδειγμα δείχνει τη διαφορά μεταξύ των συμβάντων 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 onmouseout="myScript">

Προσπάθησε να το δοκιμάσεις!

Στο JavaScript:

object.onmouseout = function(){myScript};

Προσπάθησε να το δοκιμάσεις!

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

object.addEventListener("mouseout", myScript);

Προσπάθησε να το δοκιμάσεις!

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

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

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

Υποστήριξη Βrowser

Γεύμα Chrome IE Firefox Safari Opera
onmouseout Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη
Γεύμα Εκδηλώσεων DOM MouseEvent