Exemplo
Obter coordenadas do ponteiro do mouse, em relação à tela, quando o botão do mouse é clicado em um elemento:
var x = event.screenX; // Get the horizontal coordinate
var
y = event.screenY; // 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 screenY retorna a coordenada vertical (according to the users computer screen) do ponteiro do mouse quando um evento foi acionado.
Dica: Para obter a coordenada horizontal (according to the screen) do ponteiro do mouse, use o screenX propriedade.
Nota: Esta propriedade é somente leitura.
Suporte navegador
| Propriedade | |||||
|---|---|---|---|---|---|
| screenY | sim | sim | sim | sim | sim |
Sintaxe
event .screenY
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
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 " Páginas relacionadas
HTML DOM referência: MouseEvent screenX Property
HTML DOM referência: MouseEvent clientX Property
HTML DOM referência: MouseEvent clientY Property
<Objeto de evento