L'evento onmouseenter

Eventi DOM MouseEvent

Definizione e uso

L'evento onmouseenter si verifica quando il puntatore del mouse si muove sopra un elemento.

Suggerimento:Questo evento è generalmente utilizzato con Evento onmouseleaveusati insieme, questo evento si verifica quando il puntatore del mouse esce dall'elemento.

Suggerimento: L'evento onmouseenter è simile a Evento onmouseover.L'unica differenza è che l'evento onmouseenter non bolle (non si propaga verso la struttura gerarchica dei documenti superiori). Vedi altri esempi in fondo alla pagina.

Esempio

Esempio 1

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

<img onmouseenter="bigImg(this)" src="smiley.gif" alt="Smiley">

Prova tu stesso

Esempio 2

Questo esempio dimostra la differenza tra gli eventi onmousemove, onmouseenter e mouseover:

<div onmousemove="myMoveFunction()">
  <p id="demo">Io dimostrerò su onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
  <p id="demo2">Io dimostrerò su onmouseenter!</p>
</div>
<div onmouseover="myOverFunction()">
  <p id="demo3">Io dimostrerò su onmouseover!</p>
</div>

Prova tu stesso

Sintassi

In HTML:

<elemento onmouseenter="myScript">

Prova tu stesso

In JavaScript:

oggetto.onmouseenter = function() {myScript};

Prova tu stesso

In JavaScript, utilizzare il metodo addEventListener():

oggetto.addEventListener("mouseenter", myScript);

Prova tu stesso

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, tranne: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> e <title>
Versione DOM: Eventi di Livello 2

Supporto del browser

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

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