জাভাস্ক্রিপ্টে:
pageX, pageY, screenX, screenY, clientX, এবং clientYএকটি নম্বর ফেরত পাঠায় যা শারীরিক "সিএসএস পিক্সেল" সংখ্যা নির্দেশ করে একটি বিন্দু রেফারেন্স বিন্দু থেকে। ইভেন্ট পয়েন্টটি যেখানে ব্যবহারকারী ক্লিক করেছেন, রেফারেন্স পয়েন্টটি উপরের বাম দিকের একটি বিন্দু। এই বৈশিষ্ট্যগুলি reference রেফারেন্স পয়েন্ট থেকে অনুভূমিক এবং উল্লম্ব দূরত্ব ফিরে আসে।
pageXএবং pageY:
ব্রাউজারে পুরোপুরি রেন্ডার করা সামগ্রীর ক্ষেত্রের উপরের বাম দিকে আপেক্ষিক। এই রেফারেন্স পয়েন্টটি ইউআরএল বারের নীচে এবং উপরের বাম দিকে ফিরে বোতাম। এই পয়েন্টটি ব্রাউজার উইন্ডোতে যে কোনও জায়গায় থাকতে পারে এবং যদি পৃষ্ঠাগুলির মধ্যে এম্বেড থাকা স্ক্রোলযোগ্য পৃষ্ঠা থাকে এবং ব্যবহারকারী কোনও স্ক্রোলবার সরিয়ে দেয় তবে প্রকৃতপক্ষে অবস্থান পরিবর্তন করতে পারে।
screenXএবং screenY:
শারীরিক পর্দা / মনিটরের উপরের বামের সাথে সম্পর্কিত, আপনি যদি মনিটর বা মনিটরের রেজোলিউশন বৃদ্ধি বা হ্রাস করেন তবেই এই রেফারেন্স পয়েন্টটি সরে যায়।
clientXএবং clientY: ব্রাউজার উইন্ডোর
সামগ্রী অঞ্চল ( ভিউপোর্ট ) এর উপরের বাম প্রান্তের সাথে সম্পর্কিত । ব্যবহারকারী ব্রাউজারের মধ্যে থেকে কোনও স্ক্রোলবার সরিয়ে ফেললেও এই পয়েন্টটি সরবে না।
কোন দর্শনের জন্য কোন ব্রাউজারগুলি কোন বৈশিষ্ট্য সমর্থন করে:
http://www.quirksmode.org/dom/w3c_cssom.html#t03
ডাব্লু 3 স্কুলগুলিতে একটি অনলাইন জাভাস্ক্রিপ্ট দোভাষী এবং সম্পাদক রয়েছে যাতে আপনি দেখতে পান যে প্রতিটি কী করে
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>
