Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration


 

MouseEvent pageY Property

<Объект Event

пример

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

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 свойство.

Примечание: Это свойство только для чтения.

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


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

Имущество
pageY да 12,0 да да да

Синтаксис

event .pageY

Технические подробности

Возвращаемое значение: 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 pageX Property

HTML DOM ссылка: MouseEvent clientX Property

HTML DOM ссылка: MouseEvent clientY Property

HTML DOM ссылка: MouseEvent screenX Property

HTML DOM ссылка: MouseEvent screenY Property


<Объект Event