Ejemplo
Ejecutar un JavaScript cuando se mueve el puntero del ratón sobre una imagen:
<img onmouseover="bigImg(this)" src="smiley.gif" alt="Smiley">
Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
El evento onmouseover se produce cuando el puntero del ratón se mueve sobre un elemento, o sobre uno de sus hijos.
Consejo: Este evento se utiliza a menudo junto con el onmouseout evento, que se produce cuando un usuario mueve el puntero del ratón fuera de un elemento.
Soporte del navegador
| Evento | |||||
|---|---|---|---|---|---|
| onmouseover | Sí | Sí | Sí | Sí | Sí |
Sintaxis
En HTML:
En JavaScript:
object .onmouseover=function(){ Inténtalo tú mismo " En JavaScript, utilizando el addEventListener() método:
object .addEventListener("mouseover", myScript );
Inténtalo tú mismo " Nota: El addEventListener() método no es compatible en Internet Explorer 8 y versiones anteriores.
Detalles técnicos
| burbujas: | Sí |
|---|---|
| cancelable: | Sí |
| Tipo de evento: | MouseEvent |
| etiquetas HTML admitidas: | Todos los elementos HTML, excepto: <base>, <BDO>, España, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> y <title> |
| DOM Versión: | Nivel 2 Eventos |
Más ejemplos
Ejemplo
Este ejemplo demuestra la diferencia entre los eventos onMouseMove, OnMouseEnter y al pasar el mouse:
<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>
Inténtalo tú mismo " <Objeto de evento