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.0
Últimas entradas de Orlando José-Rivera (ver todo)
- Cascada CSS - agosto 24, 2023
- El objeto Math - agosto 23, 2023
- Diferencia entre null y undefined en JavaScript - agosto 16, 2023