Свойство MouseEvent clientY
Пример
Вывести координаты указателя мыши при нажатии кнопки мыши на элементе:
var x = event.clientX; // Get the horizontal coordinate
var y = event.clientY; // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;
Результатом coor может быть:
X coords: 142, Y coords: 99
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Свойство clientY возвращает вертикальную координату (в соответствии с клиентской областью) указателя мыши, когда было инициировано событие мыши.
Клиентская область — это текущее окно.
Совет: Чтобы получить горизонтальную координату (согласно рабочей области) указателя мыши, используйте свойство clientX .
Примечание. Это свойство доступно только для чтения.
Поддержка браузера
Property | |||||
---|---|---|---|---|---|
clientY | Yes | Yes | Yes | Yes | Yes |
Синтаксис
event.clientY
Технические детали
Возвращаемое значение: | Число, представляющее вертикальную координату указателя мыши в пикселях. |
---|---|
Версия ДОМ: | События DOM уровня 2 |
Дополнительные примеры
Пример
Выведите координаты указателя мыши, когда указатель мыши перемещается по элементу:
var x = event.clientX;
var y = event.clientY;
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;
Пример
Демонстрация различий между clientX и clientY и screenX и 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;
Связанные страницы
Справочник по HTML DOM: свойство MouseEvent clientX
Справочник по HTML DOM: свойство MouseEvent screenX
Справочник по HTML DOM: свойство MouseEvent screenY
Справочник по HTML DOM: свойство MouseEvent offsetX
Справочник по HTML DOM: свойство MouseEvent offsetY