El método mousemove() de jQuery permite detectar el movimiento del puntero del ratón cuando lo ubicamos encima de un elemento determinado.
Para obtener las coordenadas de la posición del ratón debemos incluir la siguiente llamada a la función mousemove:
$(document).ready(function(){
$(document).mousemove(function(event){
$("span").text(event.pageX + ", " + event.pageY);
});
});
De esta forma obtenemos la posición absoluta del ratón en la página web. Esto lo hacemos en combinación con los identificadores pageX y pageY.
Mira el código ejecutado en este CodePen:
See the Pen Detectar el movimiento y la posición del ratón by simplicitytree (@simplicitytree) on CodePen.
Últimas entradas de Orlando José-Rivera (ver todo)
- Los mejores Frameworks CSS: una guía completa para desarrolladores - septiembre 14, 2024
- Qué es una página web estática, cómo funciona y cómo crearla - septiembre 2, 2024
- Números en JavaScript - agosto 2, 2024