пример
Вывести координаты курсора мыши при нажатии кнопки мыши на элементе:
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 Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
Свойство clientX возвращает горизонтальную координату (according to the client area) в (according to the client area) указателя мыши , когда событие мыши сработали.
Клиентская область является текущим окном.
Совет: Для того, чтобы получить вертикальную координату ( в зависимости от клиентской области) указателя мыши, используйте clientY свойство.
Примечание: Это свойство только для чтения.
Поддержка браузеров
| Имущество | |||||
|---|---|---|---|---|---|
| clientX | да | да | да | да | да |
Синтаксис
event .clientX
Технические подробности
| Возвращаемое значение: | A Количество, представляющее горизонтальную координату указателя мыши, в пикселях |
|---|---|
| DOM Версия: | Уровень 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 clientY Property
HTML DOM ссылка: MouseEvent screenX Property
HTML DOM ссылка: MouseEvent screenY Property
<Объект Event