Esempio
Esegui un JavaScript quando si sposta il puntatore del mouse su un'immagine:
<img onmouseenter="bigImg(this)" src="smiley.gif" alt="Smiley">
Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
L'evento OnMouseEnter si verifica quando il puntatore del mouse viene spostato su un elemento.
Suggerimento: Questo evento viene spesso utilizzato insieme al onMouseLeave evento, che si verifica quando il puntatore del mouse viene spostato fuori di un elemento.
Suggerimento: L'evento OnMouseEnter è simile al onMouseOver evento. L'unica differenza è che l'evento non lo fa OnMouseEnter bolla (does not propagate up the document hierarchy) . Vedere "More Examples" in fondo a questa pagina per capire meglio le differenze.
Supporto browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente l'evento.
| Evento | |||||
|---|---|---|---|---|---|
| onmouseenter | 30,0 | 5.5 | sì | 6.1 | 11.5 |
Sintassi
In HTML:
In JavaScript:
object .onmouseenter=function(){ Prova tu stesso " In JavaScript, utilizzando il addEventListener() Metodo:
object .addEventListener("mouseenter", myScript );
Prova tu stesso " Nota: addEventListener() metodo non è supportato in Internet Explorer 8 e versioni precedenti.
Dettagli tecnici
| bolle: | No |
|---|---|
| cancelable: | No |
| Tipo di evento: | MouseEvent |
| tag HTML supportati: | Tutti gli elementi HTML, ad eccezione di: <base>, <BDO>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> e <title> |
| DOM Versione: | Livello 2 Eventi |
Altri esempi
Esempio
Questo esempio dimostra la differenza tra gli eventi onMouseMove, OnMouseEnter e mouseover:
<div onmousemove="myMoveFunction()">
<p id="demo">I will
demonstrate onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
<p id="demo2">I will demonstrate onmouseenter!</p>
</div>
<div
onmouseover="myOverFunction()">
<p id="demo3">I will
demonstrate onmouseover!</p>
</div>
Prova tu stesso " <Oggetto evento