Evento onmouseleave

Eventi DOM MouseEvent

Definizione e uso

Quando il puntatore del mouse esce dall'elemento, si verifica l'evento onmouseleave.

Suggerimento:Questo evento viene solitamente utilizzato con Evento onmouseenterusati insieme, questo evento si verifica quando il puntatore del mouse si muove sopra l'elemento.

Suggerimento: L'evento onmouseleave è simile a Evento onmouseout.L'unica differenza è che l'evento onmouseleave non bubble (non si propaga verso la struttura gerarchica superiore del documento). Vedi altri esempi in fondo alla pagina.

Esempio

Esempio 1

Esegui JavaScript quando il puntatore del mouse viene spostato fuori dall'immagine:

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

Prova personalmente

Esempio 2

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

<div onmousemove="myMoveFunction()">
  <p id="demo">Io dimostrerò su onmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
  <p id="demo2">Io dimostrerò su onmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
  <p id="demo3">Io dimostrerò su onmouseout!</p>
</div>

Prova personalmente

Sintassi

In HTML:

<elemento onmouseleave="myScript">

Prova personalmente

In JavaScript:

oggetto.onmouseleave = function(){myScript};

Prova personalmente

In JavaScript, utilizzare il metodo addEventListener():

oggetto.addEventListener("mouseleave", myScript);

Prova personalmente

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

Dettagli tecnici

Bubbling: Non supportato
Cancellabile: Non supportato
Tipi di evento: MouseEvent
Tag HTML supportati: Tutti gli elementi HTML, eccetto: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> e <title>
Versione DOM: Livello 2 Eventi

支持浏览器

I numeri nella tabella indicano la versione del browser che supporta completamente l'evento.

Eventi Chrome IE Firefox Safari Opera
onmouseleave 30.0 5.5 Supporto 6.1 11.5
Eventi DOM MouseEvent