Los últimos tutoriales de desarrollo web
 

Evento onmousemove

<Objeto de evento

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

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:
cancelable:
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

Ejemplos

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