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.
MouseEvent.clientX
свойство доступное только для чтения. Это свойство является горизонтальной координатой в пределах клиентской области приложения, на которой произошло событие (в отличие от координат внутри страницы). Для примера, нажатие в верхнем левом углу клиентской области будет всегда приводить к событию со значением свойства clientX
равным 0, независимо от того, прокручена страницы по горизонтали или нет.
Синтаксис
var x = instanceOfMouseEvent.clientX
Возвращаемое значение
Числовое значение горизонтальной координаты
Пример
<!doctype html>
<html>
<head>
<title>Пример для clientX\clientY</title>
<script>
function showCoords(evt) {
alert(
"clientX value: " +
evt.clientX +
"\n" +
"clientY value: " +
evt.clientY +
"\n",
);
}
</script>
</head>
<body onmousedown="showCoords(event)">
<p>Для показа координат мышки нажмите в любом месте страницы.</p>
</body>
</html>
Спецификации
Specification |
---|
UI Events # dom-mouseevent-clientx |
Совместимость с браузерами
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
clientX |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support