Tutorial Básico de jQuery

Efectos de jQuery

Métodos de Operación de jQuery

jQuery Búsqueda

jQuery Ajax

jQuery MISC

Manual de referencia de jQuery

Métodos de efecto de jQuery Eventos de jQuery

Atributo event.pageX de jQuery

Eventos de jQuery

La propiedad event.pageX devuelve la posición del puntero del ratón en relación al borde izquierdo del documento, en píxeles.

Este atributo se utiliza generalmente conevent.pageYAtributos pueden ser utilizados juntos.

Sintaxis：

event.pageX

Ejemplo

Mostrar la posición del ratón en relación al borde izquierdo y superior del documento：

Ejemplo

$(document).mousemove(function(event){　
　　$("#output").text("pageX:　"　+　event.pageX　+　", pageY: "　+　event.pageY);
});

Prueba y observa‹/›

Cambiar la posición del DIV en relación con la posición del ratón:

Ejemplo

$(document).ready(function(){
　　let pos = {x:0, y:0};
　　let box = $("div");
　　let w = box.width();
　　let h = box.height();
　　let offset = box.position();
　　$(document).mousemove(function(event){　
　　　　pos.x = event.pageX　-　offset.left　-　(w/2);
　　　　pos.y = event.pageY　-　offset.top　-　(h/2);
　　　　box.css({"left":pos.x, "top":pos.y});
　　});
});

Prueba y observa‹/›

Valor de parámetro

Parámetros	Descripción
event	EsteEventoLos parámetros vienen de la función de enlace de eventos

Eventos de jQuery

Métodos de efecto de jQuery Eventos de jQuery