MouseEvent clientX প্রতিভা

DOM ইভেন্ট MouseEvent

সংজ্ঞা ও ব্যবহার

যখন মাউস ঘটনা সংঘটিত হয়, clientX প্রতিভা মাউস স্ক্রোলারের অসমান্তরাল কোণ্ডারকে পিক্সেলে প্রকাশ করে (ক্লায়েন্ট এলাকা অনুযায়ী)。

ক্লায়েন্ট এলাকা বর্তমান উইন্ডো

সুঝাওয়া:যদি মাউস স্ক্রোলারের উপরোক্ত কোণ্ডারকে পাওয়া হয়, তবে ব্যবহার করুন: clientY বৈশিষ্ট্য.

মন্তব্য:এই প্রতিভা শুধুমাত্র পড়াশোনা করা যেতে পারে

উদাহরণ

উদাহরণ 1

যখন মাউস বাটনকে এলাকায় ক্লিক করা হয়, তখন মাউস স্ক্রোলারের কোণ্ডারকে প্রকাশ করুন:

var x = event.clientX;     // অসমান্তরাল কোণ্ডারকে পাওয়া
var y = event.clientY;     // উপরোক্ত কোণ্ডারকে পাওয়া
var coor = "X coords: " + x + ", Y coords: " + y;

আপনার নিজেই প্রয়াস করুন

উদাহরণ 2

যখন মাউস স্ক্রোলার এলাকায় চলে যায়, তখন মাউস স্ক্রোলারের কোণ্ডারকে প্রকাশ করুন:

var x = event.clientX;
var y = event.clientY; 
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;

আপনার নিজেই প্রয়াস করুন

উদাহরণ 3

প্রদর্শন: clientX এবং clientY এবং screenX এবং screenY-এর মধ্যে পার্থক্য

var cX = event.clientX;
var sX = event.screenX;
var cY = event.clientY;
var sY = event.screenY;
var coords1 = "client - X: " + cX + ", Y coords: " + cY;
var coords2 = "screen - X: " + sX + ", Y coords: " + sY;

আপনার নিজেই প্রয়াস করুন

সংজ্ঞা

event.clientX

প্রযুক্তিগত বিবরণ

ফলাফল: সংখ্যালঘু, যা মাউস স্ক্রোলারের অসমান্তরাল কোণ্ডারকে পিক্সেলে প্রকাশ করে।
DOM সংস্করণ: DOM Level 2 Events

ব্রাউজার সমর্থন

প্রতিভা Chrome IE Firefox Safari ওপেরা
clientX সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন

সংশ্লিষ্ট পাতা

HTML DOM পরিবর্তনকারীঃMouseEvent clientY বৈশিষ্ট্য

HTML DOM পরিবর্তনকারীঃMouseEvent screenX বৈশিষ্ট্য

HTML DOM পরিবর্তনকারীঃMouseEvent screenY বৈশিষ্ট্য

HTML DOM পরিবর্তনকারীঃMouseEvent offsetX বৈশিষ্ট্য

HTML DOM পরিবর্তনকারীঃMouseEvent offsetY বৈশিষ্ট্য

DOM ইভেন্ট MouseEvent