event.clientX প্রপার্টি
event.clientX প্রপার্টিতে
X-অক্ষ বরাবর মাউস কার্সারের স্থানাঙ্ক রয়েছে।
স্থানাঙ্ক নির্ধারণের জন্য আরও রয়েছে
event.clientY,
event.pageX,
event.pageY প্রপার্টি।
clientX/clientY এবং
pageX/pageY এর মধ্যে পার্থক্য দেখা যাক।
clientX এবং clientY কিভাবে কাজ করে:
যদি আপনার 1000 বাই 1000
পিক্সেলের একটি উইন্ডো থাকে, এবং মাউসটি কেন্দ্রে থাকে, তাহলে clientX
এবং clientY উভয়ই 500 হবে। যদি
আপনি তারপর কার্সার না সরিয়ে অনুভূমিক বা উল্লম্বভাবে
পাতা স্ক্রল করেন, তাহলে clientX এবং clientY এর মান
পরিবর্তন হবে না, কারণ সেগুলো ডকুমেন্টের相对于
নয়, উইন্ডোর相对于 গণনা করা হয়।
pageX এবং pageY কিভাবে কাজ করে:
যদি আপনার 1000 বাই 1000
পিক্সেলের একটি উইন্ডো থাকে, এবং কার্সার কেন্দ্রে থাকে, তাহলে
pageX এবং pageY 500 হবে। যদি
আপনি তারপর 250
পিক্সেল নিচে স্ক্রল করেন, তাহলে pageY 750 হবে।
এইভাবে pageX এবং pageY স্ক্রলিং বিবেচনা করে ইভেন্টের
স্থানাঙ্ক ধারণ করে।
সিনট্যাক্স
event.clientX;
উদাহরণ
পাতায় মাউস নড়াচড়া করার সময় আমরা
ব্রাউজার উইন্ডোর相对于 এর স্থানাঙ্ক
(clientX এবং clientY) আউটপুট করব:
<div id="elem">0 : 0</div>
let elem = document.getElementById('elem');
document.addEventListener('mousemove', function(event) {
elem.innerHTML = event.clientX + ' : ' + event.clientY;
});
:
