event.clientY প্রপার্টি
event.clientY প্রপার্টিতে
Y অক্ষ বরাবর মাউস কার্সারের স্থানাঙ্ক রয়েছে।
স্থানাঙ্ক নির্ধারণের জন্য আরও রয়েছে
event.clientX,
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.clientY;
উদাহরণ
পৃষ্ঠায় মাউস চলাচলের সময় আমরা
ব্রাউজার উইন্ডোর সাপেক্ষে এর স্থানাঙ্ক
আউটপুট করব (clientX এবং clientY):
<div id="elem">0 : 0</div>
let elem = document.getElementById('elem');
document.addEventListener('mousemove', function(event) {
elem.innerHTML = event.clientX + ' : ' + event.clientY;
});
:
