Το συμβάν onmouseleave

Δημιουργία DOM γεγονότων MouseEvent

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

Γιατί η ένδειξη του δακτυλιδίου του ποντικιού απομακρύνεται από το στοιχείο, συμβαίνει το συμβάν onmouseleave.

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

Συμβουλή: Το συμβάν onmouseleave είναι παρόμοιο με Συνέδραion onmouseout.Η μοναδική διαφορά είναι ότι το συμβάν onmouseleave δεν παραβολολεί (δεν προωθείται στην ανώτερη δομή του έγγραφου). Δείτε περισσότερα παραδείγματα στο κάτω μέρος της σελίδας.

Παράδειγμα

Παράδειγμα 1

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

<img onmouseleave="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 onmouseleave="myScript">

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

Στο JavaScript:

object.onmouseleave = function(){myScript};

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

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

object.addEventListener("mouseleave", myScript);

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

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

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

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

Πρόγραμμα περιήγησης υποστήριξης

Τα αριθμήματα στην τаблицή δείχνουν την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως το γεγονός αυτό.

Γεγονότα Chrome IE Firefox Safari Opera
onmouseleave 30.0 5.5 Υποστήριξη 6.1 11.5
Δημιουργία DOM γεγονότων MouseEvent