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.
Artículos Relacionados
Fundador de SimplicityTree | Web developer | Autor | Entrepreneur
Inicialmente me formé como Técnico en Anális y Diseño de sistemas. Luego ingresé a la escuela de negocios, hice una licenciatura en Administración y obtuve una especialización (Post-grado) en Alta Dirección Empresarial. Desde el año 2007 me dedico a la creación de sitios web, lo cual combino con la consultoría y la capacitación de tecnologías de Internet.
Inicialmente me formé como Técnico en Anális y Diseño de sistemas. Luego ingresé a la escuela de negocios, hice una licenciatura en Administración y obtuve una especialización (Post-grado) en Alta Dirección Empresarial. Desde el año 2007 me dedico a la creación de sitios web, lo cual combino con la consultoría y la capacitación de tecnologías de Internet.
Últimas entradas de Orlando José-Rivera (ver todo)
- TypeScript vs. JavaScript: ¿Cuál es mejor para tus proyectos? - octubre 31, 2024
- Optimización de imágenes: clave para un diseño web eficiente - septiembre 28, 2024
- Objetos en JavaScript - septiembre 21, 2024
