MouseEvent.clientX
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
io error: No such file or directory (os error 2) (/home/runner/work/yari/yari/mdn/translated-content/files/pt-br/web/api/ui_events/index.md)
O clientX
é uma propriedade somente de leitura da interface MouseEvent
que fornece as coordenadas horizontais dentro da área do aplicativo do cliente em que o evento ocorreu (diferente das coordenadas dentro da página). Por exemplo, clicando no canto superior esquerdo da área do cliente sempre irá resultar em um evento de mouse com um valor clientX
de 0, independentemente se a página foi rolada horizontalmente. Originalmente, essa propriedade era definida como o número inteiro long
. O Módulo de Visualização CSSOM o redefiniu como a fraçãodouble
. Veja a seção de compatibilidade do Navegador para detalhes.
Sintaxe
var x = instanceOfMouseEvent.clientX
Valor de retorno
Um número
Exemplo
<!doctype html>
<html>
<head>
<title>clientX/clientY example</title>
<script>
function showCoords(evt) {
alert(
"clientX value: " +
evt.clientX +
"\n" +
"clientY value: " +
evt.clientY +
"\n",
);
}
</script>
</head>
<body onmousedown="showCoords(event)">
<p>Para mostrar as coordenadas do mouse em qualquer lugar da página.</p>
</body>
</html>
Especificações
Specification |
---|
UI Events # dom-mouseevent-clientx |
Compatibilidade com navegadores
BCD tables only load in the browser