Evento onmovemove
Ejemplo
Ejecute un JavaScript cuando mueva el puntero del mouse sobre un elemento <div>:
<div onmousemove="myFunction()">Move the cursor over me</div>
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
El evento onmousemove ocurre cuando el puntero se mueve mientras está sobre un elemento.
Compatibilidad con navegador
Event | |||||
---|---|---|---|---|---|
onmousemove | Yes | Yes | Yes | Yes | Yes |
Sintaxis
En HTML:
<element onmousemove="myScript">
En JavaScript:
object.onmousemove = function(){myScript};
En JavaScript, usando el método addEventListener():
object.addEventListener("mousemove", myScript);
Nota: el método addEventListener() no es compatible con Internet Explorer 8 y versiones anteriores.
Detalles técnicos
Burbujas: | sí |
---|---|
Cancelable: | sí |
Tipo de evento: | RatónEvento |
Etiquetas HTML compatibles: | Todos los elementos HTML, EXCEPTO: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> y <title> |
Versión DOM: | Eventos de nivel 2 |
Más ejemplos
Ejemplo
Este ejemplo demuestra la diferencia entre los eventos onmouseemove, onmouseenter y 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>
Ejemplo
Este ejemplo demuestra la diferencia entre los eventos onmousemove, onmouseleave y onmouseout:
<div onmousemove="myMoveFunction()">
<p id="demo">I will demonstrate onmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
<p id="demo2">I will demonstrate onmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
<p id="demo3">I will demonstrate onmouseout!</p>
</div>