Tutorial jQuery Básico

Efeitos jQuery

Métodos jQuery

jQuery Navegação

jQuery Ajax

jQuery Utilitários

Manual de Referência do jQuery

Método de Efeito do jQuery Evento do jQuery

Propriedade event.pageY do jQuery

Evento do jQuery

A propriedade event.pageY retorna a posição do cursor do mouse em relação ao topo do documento (margem superior), em pixels.

Este atributo geralmente é usado comevent.pageXjuntamente com o atributo.

Sintaxe:

event.pageY

Exemplo

Mostra a posição do cursor do mouse em relação à margem esquerda e superior do documento:

Exemplo

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

Teste e Veja‹/›

Mudar a posição do DIV em relação à posição do mouse:

Exemplo

$(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});
　　});
});

Teste e Veja‹/›

Valor do Parâmetro

Parâmetro	Descrição
event	EsteEventoOs parâmetros vêm da função de ligação de evento

Evento do jQuery

Método de Efeito do jQuery Evento do jQuery