Evento onmousemove
Definición y uso
El evento onmousemove ocurre cuando el puntero se mueve sobre el elemento .
Ejemplo
Ejemplo 1
Ejecuta JavaScript cuando el puntero del ratón esté sobre el elemento <div>:
<div onmousemove="myFunction()">Mueve el cursor sobre mí</div>
Ejemplo 2
Este ejemplo muestra la diferencia entre los eventos onmousemove, onmouseenter y onmouseover:
<div onmousemove="myMoveFunction()"> <p id="demo">¡Demostraré en onmousemove!</p> </div> <div onmouseenter="myEnterFunction()"> <p id="demo2">¡Demostraré en onmouseenter!</p> </div> <div onmouseover="myOverFunction()"> <p id="demo3">¡Demostraré en onmouseover!</p> </div>
Ejemplo 3
Este ejemplo muestra la diferencia entre los eventos onmousemove, onmouseleave y onmouseout:
<div onmousemove="myMoveFunction()"> <p id="demo">¡Demostraré en onmousemove!</p> </div> <div onmouseleave="myLeaveFunction()"> <p id="demo2">¡Demostraré en onmouseleave!</p> </div> <div onmouseout="myOutFunction()"> <p id="demo3">¡Demostraré en onmouseout!</p> </div>
Sintaxis
En HTML:
<element onmousemove="myScript">
En JavaScript:
object.onmousemove = function(){myScript};
En JavaScript, utiliza el método addEventListener():
object.addEventListener("mousemove", myScript);
Notas:Internet Explorer 8 o versiones anteriores no lo admiten Método addEventListener().
Detalles técnicos
Burbuja: | Soporte |
---|---|
Cancelables: | Soporte |
Tipos de eventos: | MouseEvent |
Etiquetas HTML admitidas: | Todos los elementos HTML, excepto: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> y <title> |
Versión del DOM: | Eventos de Nivel 2 |
Compatibilidad del navegador
Eventos | Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|---|
onmousemove | Soporte | Soporte | Soporte | Soporte | Soporte |