Ejemplo
Ejecutar un JavaScript cuando se mueve el puntero del ratón sobre un <div> elemento:
<div onmousemove="myFunction()">Move the cursor over me</div>
Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
El evento onmousemove se produce cuando el puntero se mueve mientras está sobre un elemento.
Soporte del navegador
Evento | |||||
---|---|---|---|---|---|
onmousemove | Sí | Sí | Sí | Sí | Sí |
Sintaxis
En HTML:
En JavaScript:
object .onmousemove=function(){ Inténtalo tú mismo "
En JavaScript, utilizando el addEventListener() método:
object .addEventListener("mousemove", 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 " Ejemplo
Este ejemplo demuestra la diferencia entre el onmousemove, OnMouseLeave y onmouseout eventos:
<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>
Inténtalo tú mismo " <Objeto de evento