MouseEvent clientY Property

Exemplo

Saída as coordenadas do ponteiro do mouse quando o botão do mouse é clicado em um elemento:

var x = event.clientX; // Get the horizontal coordinate
var y = event.clientY; // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;

O resultado da coor poderia ser:

X coords: 142, Y coords: 99

Tente você mesmo "

Mais "Try it Yourself" exemplos abaixo.

Definição e Uso

A propriedade clientY retorna a coordenada vertical (according to the client area) do ponteiro do mouse quando um evento de mouse foi acionado.

A área do cliente é a janela atual.

Dica: Para obter a coordenada horizontal (de acordo com a área do cliente) do ponteiro do mouse, use o clientX propriedade.

Nota: Esta propriedade é somente leitura.

Suporte navegador

Propriedade
clientY	sim	sim	sim	sim	sim

Sintaxe

event .clientY

Detalhes técnicos

Valor de retorno:	Um número, representando a coordenada vertical do cursor do rato, em pixels
DOM Versão:	DOM Nível 2 Eventos

mais Exemplos

Exemplo

Saída as coordenadas do cursor do rato enquanto o cursor do rato se move sobre um elemento:

var x = event.clientX;
var y = event.clientY;
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;

Tente você mesmo "

Exemplo

Uma demonstração das diferenças entre clientX e clientY e screenX e screenY:

var cX = event.clientX;
var sX = event.screenX;
var cY = event.clientY;
var sY = event.screenY;
var coords1 = "client - X: " + cX + ", Y coords: " + cY;
var coords2 = "screen - X: " + sX + ", Y coords: " + sY;

Tente você mesmo "