Το γεγονός onmouseenter
Ορισμός και χρήση
Το γεγονός onmouseenter συμβαίνει όταν ο δείκτης του ποντικιού μετακινείται πάνω στο στοιχείο.
Σημείωση:Αυτό το συμβάν συχνά χρησιμοποιείται με Συνάντηση onmouseleaveχρησιμοποιούνται μαζί, όταν το δάχτυλο του ποντικιού βγαίνει από το στοιχείο θα εκτελεστεί το συμβάν.
Σημείωση: Το συμβάν onmouseenter είναι παρόμοιο με Συνάντηση onmouseover.Η μοναδική διαφορά είναι ότι το συμβάν onmouseenter δεν παράγεται (δεν μεταδίδεται στην ανώτερη δομή του έγγραφου). Δείτε περισσότερα παραδείγματα στο κάτω μέρος της σελίδας.
Παράδειγμα
Παράδειγμα 1
Εκτελέστε JavaScript όταν το δάχτυλο του ποντικιού μετακινηθεί πάνω από την εικόνα:
<img onmouseenter="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 onmouseenter="myScript">
Στο JavaScript:
object.onmouseenter = function(){myScript};
Στο JavaScript, χρησιμοποιήστε τη μέθοδο addEventListener():
object.addEventListener("mouseenter", myScript);
Σημείωση:O Internet Explorer 8 ή παλιότερη έκδοση δεν υποστηρίζει Μέθοδος addEventListener().
Τεχνικά λεπτομέρειες
Παράδοση: | Μη υποστηριζόμενο |
---|---|
Κανιεράτο: | Μη υποστηριζόμενο |
Τύπος συμβάντος: | MouseEvent |
Υποστηριζόμενα στοιχεία HTML: | Όλα τα στοιχεία HTML, εκτός από:<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> και <title> |
Έκδοση DOM: | Επίπεδο 2 Ενέργειες |
浏览器支持
Οι αριθμοί στην τάβλη σημειώνουν την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως το συμβάν.
Συνάντηση | Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|---|
onmouseenter | 30.0 | 5.5 | Υποστήριξη | 6.1 | 11.5 |