Esempio
Esegui un JavaScript quando si sposta il puntatore del mouse fuori di un'immagine:
<img onmouseleave="normalImg(this)" src="smiley.gif" alt="Smiley">
Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
L'evento onMouseLeave si verifica quando il puntatore del mouse viene spostato su un elemento.
Tip: Questo evento viene spesso utilizzato insieme al OnMouseEnter evento, che si verifica quando il puntatore del mouse viene spostato su un elemento.
Suggerimento: L'evento onMouseLeave è simile al onmouseout evento. L'unica differenza è che l'evento non lo fa onMouseLeave 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 | |||||
|---|---|---|---|---|---|
| onmouseleave | 30,0 | 5.5 | sì | 6.1 | 11.5 |
Sintassi
In HTML:
In JavaScript:
object .onmouseleave=function(){ Prova tu stesso " In JavaScript, utilizzando il addEventListener() Metodo:
object .addEventListener("mouseleave", 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 l'onMouseMove, onMouseLeave e onmouseout eventi:
<div onmousemove="myMoveFunction()">
<p id="demo">I will
demonstrate onmousemove!</p>
</div>
<div
onmouseleave="myLeaveFunction()">
<p id="demo2">I will demonstrate onmouseleave!</p>
</div>
<div
onmouseout="myOutFunction()">
<p id="demo3">I will
demonstrate onmouseout!</p>
</div>
Prova tu stesso " <Oggetto evento