Mousemove – Obtener coordenadas de la posición del ratón con jQuery

jQuery dispone de una función muy interasante para obtener las coordenadas de la posición (x, y) del ratón o mouse.

El evento mousemove ocurre cada vez que el puntero del ratón se mueve dentro del elemento seleccionado. Para utilizarlo en nuestras páginas tan solo deberemos incluir en la cabecera la librería jQuery con la siguiente llamada a la función mousemove:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $(document).mousemove(function(event){
    $('#cordinates').text(event.pageX + ", " + event.pageY);
  });
});
</script>

Nota: Cada vez que un usuario mueve el ratón de un solo píxel, un evento mousemove ocurre. Toma los recursos del sistema para procesar todos los eventos mousemove. Utilice este evento con cuidado.

Utilizar esta función podría resultar muy útil para programación de juegos online ejecutados en el lado cliente (javascript).

Ver ejemplo en funcionamiento

Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
Te ha servido? Valora esta entrada!
(6 votos, promedio: 5 de 5)
Comparte en las redes sociales
¿Buscas trabajo de programador?

Una respuesta a “Mousemove – Obtener coordenadas de la posición del ratón con jQuery”

  1. adrian dice:

    Mil gracias por la ayuda!

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Ver más sobre