Tutorial Básico de jQuery

Efectos de jQuery

Métodos de Operación de jQuery

jQuery Búsqueda

jQuery Ajax

jQuery Miscellaneous

Manual de referencia de jQuery

Métodos de efecto de jQuery Eventos de jQuery

Propiedad event.pageY de jQuery

Eventos de jQuery

La propiedad event.pageY devuelve la posición del puntero del ratón en relación al borde superior del documento (arriba) en píxeles.

Esta propiedad se usa generalmente conevent.pageXse utiliza junto con

Sintaxis：

event.pageY

Ejemplo

Muestra 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 mira‹/›

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 mira‹/›

Valor del 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