Атрибут pageY的事件 мыши

События DOM MouseEvent

Определение и использование

Когда событие мыши срабатывает, атрибут pageY возвращает вертикальную координату курсора мыши (относительно документа).

Документ это веб-страница.

Совет:Чтобы получить горизонтальную координату курсора мыши (относительно документа), используйте Атрибут pageX.

Примечание:Этот атрибут только для чтения.

Примечание:Эта свойство нестандартное, но подходит для большинства основных браузеров.

Пример

Пример 1

Вывод координат курсора мыши при单击 на элементе:

var x = event.pageX;     // Получение горизонтальной координаты
var y = event.pageY;     // Получение вертикальной координаты
var coor = "X coords: " + x + ", Y coords: " + y;

Попробуйте сами

Пример 2

Вывод координат курсора мыши при перемещении курсора по элементу:

var x = event.pageX;
var y = event.pageY; 
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;

Попробуйте сами

Пример 3

Демонстрация различий между 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;

Попробуйте сами

Синтаксис

event.pageY

Технические детали

Возвратное значение: Числовое значение, показывающее вертикальную координату курсора мыши в пикселях.
Версия DOM: Нет.

Поддержка браузеров

Свойства Chrome IE Firefox Safari Opera
pageY Поддержка 12.0 Поддержка Поддержка Поддержка

Связанные страницы

Руководство по HTML DOM:Атрибут pageX MouseEvent

Руководство по HTML DOM:Атрибут clientX MouseEvent

Руководство по HTML DOM:Атрибут clientY MouseEvent

Руководство по HTML DOM:Атрибут screenX MouseEvent

Руководство по HTML DOM:Атрибут screenY MouseEvent

События DOM MouseEvent