Свойство pageX MouseEvent
Пример
Вывести координаты указателя мыши при нажатии кнопки мыши на элементе:
var x = event.pageX; // Get the horizontal coordinate
var y = event.pageY; // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Свойство pageX возвращает горизонтальную координату (согласно документу) указателя мыши при срабатывании события мыши.
Документ представляет собой веб-страницу.
Совет: Чтобы получить вертикальную координату (согласно документу) указателя мыши, используйте свойство pageY .
Примечание. Это свойство доступно только для чтения.
Примечание. Это свойство не является стандартным, но работает в большинстве основных браузеров.
Поддержка браузера
Property | |||||
---|---|---|---|---|---|
pageX | Yes | 12.0 | Yes | Yes | Yes |
Синтаксис
event.pageX
Технические детали
Возвращаемое значение: | Число, представляющее горизонтальную координату указателя мыши в пикселях. |
---|---|
Версия ДОМ: | Никто |
Дополнительные примеры
Пример
Выведите координаты указателя мыши, когда указатель мыши перемещается по элементу:
var x = event.pageX;
var y = event.pageY;
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;
Пример
Демонстрация различий между pageX и pageY и screenX и screenY:
var pX = event.screenX;
var cX = event.pageX;
var pY = event.screenY;
var cY = event.pageY;
var coords1 = "page - X: " + pX + ", Y coords: " + pY;
var coords2 = "screen - X: " + cX + ", Y coords: " + cY;
Связанные страницы
Справочник по HTML DOM: свойство MouseEvent pageY
Справочник по HTML DOM: свойство MouseEvent clientX
Справочник по HTML DOM: свойство MouseEvent clientY
Справочник по HTML DOM: свойство MouseEvent screenX
Справочник по HTML DOM: свойство MouseEvent screenY