пример
Получить координаты указателя мыши, по отношению к экрану, когда кнопка мыши нажата на элементе:
var x = event.screenX; // Get the horizontal coordinate
var
y = event.screenY; // Get the vertical coordinate
var coor = "X coords: "
+ x + ", Y coords: " + y;
Результат COOR может быть:
X coords: 142, Y coords: 99
Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
Свойство ScreenX возвращает горизонтальную координату (according to the users computer screen) в (according to the users computer screen) указатель мыши , когда событие было вызвано.
Совет: Для того, чтобы получить вертикальную координату (по экрану) указателя мыши, используйте Screeny свойство.
Примечание: Это свойство только для чтения.
Поддержка браузеров
Имущество | |||||
---|---|---|---|---|---|
screenX | да | да | да | да | да |
Синтаксис
event .screenX
Технические подробности
Возвращаемое значение: | A Количество, представляющее горизонтальную координату указателя мыши, в пикселях |
---|---|
DOM Версия: | Уровень DOM 2 События |
Еще примеры
пример
Демонстрация различий между 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 screenY Property
HTML DOM ссылка: MouseEvent clientX Property
HTML DOM ссылка: MouseEvent clientY Property
<Объект Event