Propriedade screenY do MouseEvent

Eventos DOM MouseEvent

Definição e uso

A propriedade screenY retorna a coordenada vertical do cursor do mouse no momento da ocorrência do evento (relativa à tela do computador do usuário).

Dica:Para obter a coordenada horizontal do cursor do mouse (relativa à tela do computador do usuário), use screenX Atributo

Notas:Esta propriedade é apenas de leitura.

Exemplo

Exemplo 1

Obtenha as coordenadas do cursor do mouse em relação à tela ao clicar no botão do mouse no elemento：

var x = event.screenX;     // Obtenha a coordenada horizontal
var y = event.screenY;     // Obtenha a coordenada vertical
var coor = "X coords: " + x + ", Y coords: " + y;

Experimente você mesmo

Exemplo 2

Demonstre a diferença 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;

Experimente você mesmo

Sintaxe

event.screenY

Detalhes técnicos

Retorno: Valor numérico, que representa a coordenada vertical do cursor do mouse, em pixels.
Versão do DOM： DOM Level 2 Events

Suporte do navegador

Atributo Chrome IE Firefox Safari Opera
screenY Suporte Suporte Suporte Suporte Suporte

Páginas relacionadas

Manual de referência do HTML DOM:Propriedade screenX do MouseEvent

Manual de referência do HTML DOM:Propriedade clientX do MouseEvent

Manual de referência do HTML DOM:Propriedade clientY do MouseEvent

Manual de referência do HTML DOM:Propriedade offsetX do MouseEvent

Manual de referência do HTML DOM:Propriedade offsetY do MouseEvent

Eventos DOM MouseEvent