пример
Вывести координаты курсора мыши при нажатии кнопки мыши на элементе:
var x = event.pageX; // Get the horizontal coordinate
var
y = event.pageY; // Get the vertical coordinate
var coor = "X coords: "
+ x + ", Y coords: " + y;
Результат COOR может быть:
X coords: 162, Y coords: 40 Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
Свойство pageX возвращает горизонтальную координату (в соответствии с документом) указатель мыши, когда событие мыши сработали.
Документ веб-страницы.
Совет: Для того, чтобы получить вертикальную координату ( в соответствии с документом) указателя мыши, используйте Пейджи свойство.
Примечание: Это свойство только для чтения.
Примечание: Это свойство не является стандартным, но работает в большинстве основных браузеров.
Поддержка браузеров
| Имущество | |||||
|---|---|---|---|---|---|
| pageX | да | 12,0 | да | да | да |
Синтаксис
event .pageX
Технические подробности
| Возвращаемое значение: | A Количество, представляющее горизонтальную координату указателя мыши, в пикселях |
|---|---|
| DOM Версия: | Никто |
Еще примеры
пример
Вывести координаты указателя мыши, когда указатель мыши перемещается над элементом:
var x = event.pageX;
var y = event.pageY;
var coor = "X coords: "
+ x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;
Попробуй сам " пример
Демонстрация различий между clientX и clientY и ScreenX и Screeny:
var pX = event.pageX;
var cX = event.clientX;
var pY =
event.pageY;
var cY = event.clientY;
var coords1 = "page - X: " +
pX + ", Y coords: " + pY;
var coords2 = "client - X: " +
cX + ", Y
coords: " + cY;
Попробуй сам " Похожие страницы
HTML DOM ссылка: MouseEvent pageY Property
HTML DOM ссылка: MouseEvent clientX Property
HTML DOM ссылка: MouseEvent clientY Property
HTML DOM ссылка: MouseEvent screenX Property
HTML DOM ссылка: MouseEvent screenY Property
<Объект Event