Evento onmouseover

Eventi DOM MouseEvent

Definizione e uso

L'evento onmouseover si verifica quando il puntatore del mouse si muove sull'elemento o sui suoi elementi figli.

Suggerimento:Questo evento è solitamente associato a: Evento onmouseoutUtilizzati insieme, questo evento si verifica quando l'utente sposta il puntatore del mouse fuori dall'elemento.

Esempio

Esempio 1

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

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

Prova a farlo tu stesso

Esempio 2

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

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

Prova a farlo tu stesso

Sintassi

In HTML:

<elemento onmouseover="myScript">

Prova a farlo tu stesso

In JavaScript:

oggetto.onmouseover = function(){myScript};

Prova a farlo tu stesso

In JavaScript, utilizzare il metodo addEventListener():

oggetto.addEventListener("mouseover", myScript);

Prova a farlo tu stesso

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

Dettagli tecnici

Bubbling: Supporto
Cancellabile: Supporto
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: Eventi Livello 2

Supporto browser

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