W JavaScript:
pageX, pageY, screenX, screenY, clientX, I clientYzwraca liczbę, która określa liczbę pikseli fizycznych „CSS” punkt jest od punktu odniesienia. Punkt zdarzenia to miejsce kliknięcia przez użytkownika, punkt odniesienia to punkt w lewym górnym rogu. Te właściwości zwracają poziomą i pionową odległość od tego punktu odniesienia.
pageXi pageY: W
stosunku do lewego górnego rogu w pełni renderowanego obszaru treści w przeglądarce. Ten punkt odniesienia znajduje się poniżej paska adresu URL i przycisku Wstecz w lewym górnym rogu. Ten punkt może znajdować się w dowolnym miejscu w oknie przeglądarki i może faktycznie zmienić lokalizację, jeśli na stronach są osadzone przewijalne strony, a użytkownik przesuwa pasek przewijania.
screenXoraz screenY: W
stosunku do lewego górnego rogu fizycznego ekranu / monitora, ten punkt odniesienia przesuwa się tylko wtedy, gdy zwiększysz lub zmniejszysz liczbę monitorów lub rozdzielczość monitora.
clientXi clientY:
Względem górnej lewej krawędzi obszaru zawartości ( rzutni ) okna przeglądarki. Ten punkt się nie porusza, nawet jeśli użytkownik przesuwa pasek przewijania z poziomu przeglądarki.
Aby zobaczyć, w których przeglądarkach obsługiwane są właściwości:
http://www.quirksmode.org/dom/w3c_cssom.html#t03
w3schools ma internetowy interpreter i edytor Javascript, dzięki czemu możesz zobaczyć, co robi każdy
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>
