Evento onmouseout

Eventi DOM MouseEvent

Definizione e uso

Si verifica l'evento onmouseout quando il puntatore del mouse si sposta fuori da un elemento o da uno dei suoi sottoelementi.

Suggerimento:Questo evento è spesso associato a: Evento onmouseoverUtilizzati insieme, questo evento si verifica quando il puntatore si muove su un elemento o su uno dei suoi sottoelementi.

Esempio

Esempio 1

Esegui JavaScript quando il puntatore del mouse si sposta fuori dall'immagine:

<img onmouseout="normalImg(this)" src="smiley.gif" alt="Smiley">

Prova tu stesso

Esempio 2

Questo esempio dimostra la differenza tra gli eventi onmousemove, onmouseleave e onmouseout:

<div onmousemove="myMoveFunction()">
  <p id="demo">Vi dimostrerò l'uso di onmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
  <p id="demo2">Vi dimostrerò l'uso di onmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
  <p id="demo3">Vi dimostrerò l'uso di onmouseout!</p>
</div>

Prova tu stesso

Sintassi

In HTML:

<elemento onmouseout="myScript">

Prova tu stesso

In JavaScript:

oggetto.onmouseout = function(){myScript};

Prova tu stesso

In JavaScript, utilizzare il metodo addEventListener():

oggetto.addEventListener("mouseout", myScript);

Prova tu stesso

Nota:Internet Explorer 8 o versioni precedenti non supportano Metodo addEventListener().

Dettagli tecnici

Bubbling: Supporto
Cancellabile: Supporto
Tipi di evento: MouseEvent
Etichette HTML supportate: Tutti gli elementi HTML, eccetto: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> e <title>
Versione DOM: Eventi livello 2

Supporto browser

Eventi Chrome IE Firefox Safari Opera
onmouseout Supporto Supporto Supporto Supporto Supporto
Eventi DOM MouseEvent