Esempio
Esegui un JavaScript quando si sposta il puntatore del mouse fuori di un'immagine:
<img onmouseout="normalImg(this)" src="smiley.gif" alt="Smiley">
Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
L'evento onmouseout si verifica quando il puntatore del mouse viene spostato fuori di un elemento, o fuori di uno dei suoi figli.
Suggerimento: Questo evento viene spesso utilizzato insieme al onmouseover evento, che si verifica quando il puntatore viene spostato su un elemento, o su uno dei suoi figli.
Supporto browser
| Evento | |||||
|---|---|---|---|---|---|
| onmouseout | sì | sì | sì | sì | sì |
Sintassi
In HTML:
In JavaScript:
object .onmouseout=function(){ Prova tu stesso " In JavaScript, utilizzando il addEventListener() Metodo:
object .addEventListener("mouseout", myScript );
Prova tu stesso " Nota: addEventListener() metodo non è supportato in Internet Explorer 8 e versioni precedenti.
Dettagli tecnici
| bolle: | sì |
|---|---|
| cancelable: | sì |
| 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