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).
Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
Mil gracias por la ayuda!