В 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>
