Esempio
Esegui un JavaScript quando si sposta il puntatore del mouse su un'immagine:
<img onmouseover="bigImg(this)" src="smiley.gif" alt="Smiley">
Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
L'evento onmouseover si verifica quando il puntatore del mouse viene spostato su un elemento, o su uno dei suoi figli.
Tip: Questo evento viene spesso utilizzato insieme al onmouseout evento, che si verifica quando un utente sposta il puntatore di mouse su un elemento.
Supporto browser
| Evento | |||||
|---|---|---|---|---|---|
| onmouseover | sì | sì | sì | sì | sì |
Sintassi
In HTML:
In JavaScript:
object .onmouseover=function(){ Prova tu stesso " In JavaScript, utilizzando il addEventListener() Metodo:
object .addEventListener("mouseover", 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 gli eventi onMouseMove, OnMouseEnter e mouseover:
<div onmousemove="myMoveFunction()">
<p id="demo">I will
demonstrate onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
<p id="demo2">I will demonstrate onmouseenter!</p>
</div>
<div
onmouseover="myOverFunction()">
<p id="demo3">I will
demonstrate onmouseover!</p>
</div>
Prova tu stesso " <Oggetto evento