У JavaScript:
pageX, pageY, screenX, screenY, clientX, І clientYповертає число , яке вказує число фізичних «CSS пікселів» точка знаходиться від опорної точки. Точка події - це місце, де користувач натиснув, опорна точка - точка в лівій верхній частині. Ці властивості повертають горизонтальну та вертикальну відстань від цієї опорної точки.
pageXі pageY:
Що стосується верхнього лівого кута повністю виведеної області вмісту у веб-переглядачі. Ця опорна точка знаходиться під рядком URL та кнопкою повернення у верхній лівій частині. Ця точка може знаходитися в будь-якому місці вікна браузера і фактично може змінити місце розташування, якщо на сторінках вбудовані прокручувані сторінки, а користувач переміщує смугу прокрутки.
screenXі screenY:
Що стосується верхнього лівого екрану фізичного екрана / монітора, ця опорна точка переміщується лише у випадку збільшення або зменшення кількості моніторів або роздільної здатності монітора.
clientXі clientY:
Відносно верхнього лівого краю області вмісту ( вікна перегляду ) вікна браузера. Ця точка не рухається, навіть якщо користувач переміщує смугу прокрутки зсередини браузера.
Для наочності, на якому браузери підтримуються які властивості:
http://www.quirksmode.org/dom/w3c_cssom.html#t03
w3schools має онлайн-перекладач та редактор Javascript, щоб ви могли бачити, що кожен робить
http://www.w3schools.com/jsref/tryit.asp?filename=try_dom_event_clientxy
<!DOCTYPE html>
<html>
<head>
<script>
function show_coords(event)
{
var x=event.clientX;
var y=event.clientY;
alert("X coords: " + x + ", Y coords: " + y);
}
</script>
</head>
<body>
<p onmousedown="show_coords(event)">Click this paragraph,
and an alert box will alert the x and y coordinates
of the mouse pointer.</p>
</body>
</html>
