ব্রাউজার উইন্ডোতে কার্সারের গতিবেগের প্রতিক্রিয়া হিসাবে কিছু ক্রিয়াকলাপ প্রোগ্রাম করতে, কখনও কখনও এর স্থানাঙ্কগুলি নির্ধারণ করা প্রয়োজন। এটি এমন স্ক্রিপ্টের সাহায্যে করা যেতে পারে যা ব্রাউজারে ঘটে যাওয়া ইভেন্টগুলি ট্র্যাক করার ক্ষমতা রাখে। ক্লায়েন্ট-পাশের জাভাস্ক্রিপ্ট স্ক্রিপ্টটির এই ক্ষমতা রয়েছে। নীচে এই ভাষার দক্ষতা ব্যবহার করে কার্সরের স্থানাঙ্কগুলি পাওয়ার জন্য বিকল্পগুলির মধ্যে একটি বর্ণনা করা হয়েছে।
নির্দেশনা
ধাপ 1
কার্সারের বর্তমান স্থানাঙ্কগুলি পেতে ইভেন্ট অবজেক্টের বৈশিষ্ট্যগুলি ব্যবহার করুন। এই অবজেক্টটির একটি পুরো সেট রয়েছে যা মাউস কার্সারের স্থানাঙ্ক নির্ধারণের জন্য প্রাসঙ্গিক। লেয়ারএক্স বৈশিষ্ট্যে বর্তমান স্তরের বাম প্রান্ত থেকে পিক্সেলগুলিতে পরিমাপ করা দূরত্ব এবং স্তর স্তর রয়েছে - এর শীর্ষ প্রান্ত থেকে একই দূরত্ব। এই দুটি বৈশিষ্ট্যের প্রতিশব্দ রয়েছে - ইভেন্টের পরিবর্তে। লেয়ারএক্স, আপনি ইভেন্ট.এক্স লিখতে পারেন এবং ইভেন্টের পরিবর্তে। লেয়ার ওয়াই, আপনি ইভেন্ট.ই লিখতে পারেন। পেজএক্স এবং পেজওয়াই বৈশিষ্ট্যগুলি ব্রাউজার উইন্ডোর উপরের-বাম প্রান্তের সাথে সম্পর্কিত কার্সরের অনুভূমিক এবং উল্লম্ব স্থানাঙ্ককে ধারণ করে এবং স্ক্রিনএক্স এবং স্ক্রিনওয়াই বৈশিষ্ট্যগুলি মনিটরের স্ক্রিনের সাথে সম্পর্কিত একই মান রাখে।
ধাপ ২
আপনার কোডটিতে ব্রাউজারের ধরণের চেক যোগ করুন এবং ইভেন্ট অবজেক্টের উপরের বৈশিষ্ট্যগুলি ছাড়াও ক্লায়েন্টএক্স এবং ক্লায়েন্টওয়াই বৈশিষ্ট্যগুলি ব্যবহার করুন। এটি প্রয়োজনীয় কারণ মাইক্রোসফ্ট তার ইন্টারনেট এক্সপ্লোরার ব্রাউজারে একটি পৃথক সম্পত্তি উপাধি ব্যবহার করে। স্থানাঙ্ক নির্ধারণে আপনি উভয় পন্থাকে একত্রিত করতে পারেন, উদাহরণস্বরূপ, এর মতো:
if (evevnt.pageX || evevnt.pageY) {
CoordinateX = evevnt.pageX;
স্থানাঙ্ক = evevnt.pageY;
}
অন্যথায় যদি (evevnt.clientX || evevnt.clientY) {
CoordinateX = evevnt.clientX + (document.docamentElement.scrolLeft || document.body.scrollLeft) - ডকুমেন্ট.ডোকমেন্টএলেটেন্ট ক্লেইনলফ্ট;
স্থানাঙ্ক = ইভেন্ট ক্লেইন্টওয়াই + (ডকুমেন্ট.ডোকামেন্টএলমেন্ট.স্রোকলটপ || ডকুমেন্ট.ডি.স্রোকলটপ) - ডকুমেন্ট.ডোকমেন্টএলেন্ট.ক্লিয়েন্টটপ;
}
ধাপ 3
একটি কাস্টম ফাংশনে স্থানাঙ্ক সংজ্ঞা কোড রাখুন। উদাহরণ স্বরূপ:
ফাংশন গেটমাউস (ইভেন্ট) {
var স্থানাঙ্ক = 0, স্থানাঙ্ক = 0;
if (! evevnt) evevnt = window.event;
if (evevnt.pageX || evevnt.pageY) {
CoordinateX = evevnt.pageX;
স্থানাঙ্ক = evevnt.pageY;
}
অন্যথায় যদি (evevnt.clientX || evevnt.clientY) {
CoordinateX = evevnt.clientX + (document.docamentElement.scrolLeft || document.body.scrollLeft) - ডকুমেন্ট.ডোকমেন্টElement.clientLeft;
স্থানাঙ্ক = ইভেন্ট ক্লেইটওয়াই + (ডকুমেন্ট.ডোকামেন্টএলমেন্ট.স্রোকলটপ || ডকুমেন্ট.ডি.স্রোকলটপ) - ডকুমেন্ট.ডোকমেন্টএলেন্ট.ক্লিয়েন্টটপ;
}
প্রত্যাবর্তন করুন coord "কর্ডএক্সএক্স": স্থানাঙ্ক
}
এই ফাংশনটিতে দুটি নামযুক্ত উপাদানগুলির একটি অ্যারে প্রদান করে, যার মধ্যে প্রথমটি (কর্ডএক্স কী সহ) এক্স সমন্বয়যুক্ত থাকে এবং দ্বিতীয়টিতে (কর্ডওয়াই) ওয়াই স্থানাঙ্ক থাকে।
পদক্ষেপ 4
কিছু ইভেন্টে এই ফাংশনটি কল করুন - উদাহরণস্বরূপ, নথির প্রসঙ্গে মাউস মুভ ইভেন্টে (onmousemove)। নীচের নমুনাটি পরিস্থিতি বারে মাউস স্থানাঙ্কগুলি আউটপুট করতে একটি ফাংশন ব্যবহার করে:
document.onmousemove = ফাংশন (ইভেন্ট) Cur var কারকর্ড = গেটমাউস (ইভেন্ট); উইন্ডো.স্ট্যাটাস = "কমর্ড এক্স:" + কারকর্ডারর্ডওর্ডএক্স + "পিক্স, কর্ড ওয়াই:" + কারকর্ডর্ডর্ড + + পিক্স ";};
