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>

Prueba por ti mismo

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>

Prueba por ti mismo

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>

Prueba por ti mismo

Sintaxis

En HTML:

<element onmousemove="myScript">

Prueba por ti mismo

En JavaScript:

object.onmousemove = function(){myScript};

Prueba por ti mismo

En JavaScript, utiliza el método addEventListener():

object.addEventListener("mousemove", myScript);

Prueba por ti mismo

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