JavaScript'te:
pageX, pageY, screenX, screenY, clientX, Ve clientYdöner fiziksel “CSS pikseller” sayısını belirten bir sayı nokta referans noktadan. Olay noktası kullanıcının tıkladığı yerdir, referans noktası sol üstteki bir noktadır. Bu özellikler, referans noktasından yatay ve dikey mesafeyi döndürür.
pageXve pageY:
Tarayıcıda tamamen oluşturulmuş içerik alanının sol üst kısmına göre. Bu referans noktası, sol üstteki URL çubuğunun ve geri düğmesinin altındadır. Bu nokta tarayıcı penceresinin herhangi bir yerinde olabilir ve sayfaların içine katıştırılmış gömülü kaydırılabilir sayfalar varsa ve kullanıcı bir kaydırma çubuğunu hareket ettirirse konumu değiştirebilir.
screenXve screenY:
Fiziksel ekranın / monitörün sol üst kısmına göre bu referans noktası yalnızca monitör sayısını veya monitör çözünürlüğünü artırır veya azaltırsanız hareket eder.
clientXve clientY: Tarayıcı penceresinin
içerik alanının ( görünüm penceresi ) sol üst kenarına göre . Kullanıcı tarayıcı içinden bir kaydırma çubuğu hareket ettirse bile bu nokta hareket etmez.
Hangi tarayıcıların hangi özellikleri desteklediğini görmek için:
http://www.quirksmode.org/dom/w3c_cssom.html#t03
w3schools'un çevrimiçi bir Javascript yorumlayıcısı ve editörü vardır, böylece her birinin ne yaptığını görebilirsiniz
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>
