MouseEvent: свойство clientY

Базовая линия Широко доступно

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.

Чтение-только свойство clientY интерфейса MouseEvent предоставляет вертикальную координату внутри области просмотра приложения, в которой произошло событие (в отличие от координаты внутри страницы).

Например, щелчок на верхней границе области просмотра всегда приводит к событию мыши со значением clientY равным 0, независимо от того, прокручена ли страница вертикально.

Значение

Значение double — число с плавающей точкой в пикселях.

Примеры

Этот пример отображает координаты вашей мыши всякий раз, когда возникает событие mousemove.

HTML

<p>Move your mouse to see its position.</p>
<p id="screen-log"></p>

JavaScript

let screenLog = document.querySelector("#screen-log");
document.addEventListener("mousemove", logKey);

function logKey(e) {
  screenLog.innerText = `
    Screen X/Y: ${e.screenX}, ${e.screenY}
    Client X/Y: ${e.clientX}, ${e.clientY}`;
}

Результат

Спецификации

Спецификация
UI Events # dom-mouseevent-clienty

Совместимость браузеров

	Рабочий стол					Мобильный
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`clientY`	1	12	1.5	≤12.1	1	18	4	≤12.1	1	1.0	≤37

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/clientY