MouseEvent clientY প্রতিভা

DOM ইভেন্ট MouseEvent

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

যখন মাউস ইভেন্ট সংঘটিত হয়, clientY প্রতিভা মাউস ইন্ডিকেটরের উপরোক্ত ভূমিকা নির্দেশ করে, পিক্সেলে অবস্থান নির্দেশ করে。

ক্লায়েন্ট এলাকা বর্তমান উপস্থাপনা হচ্ছে。

সুঝাওয়া:যদি মাউস ইন্ডিকেটরের অভিন্ন ভূমিকা পাওয়া যাক, তবে clientX প্রতিভা.

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

উদাহরণ

উদাহরণ 1

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

var x = event.clientX;     // অভিন্ন ভূমিকা নির্দেশ করুন
var y = event.clientY;     // উপরোক্ত ভূমিকা নির্দেশ করুন
var coor = "X coords: " + x + ", Y coords: " + y;

ফলাফল:

X coords: 142, Y coords: 99

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

উদাহরণ 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.clientY

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

ফলাফল: সংখ্যাগত মূল্য, যা মাউস ইন্ডিকেটরের উপরোক্ত ভূমিকা নির্দেশ করে, পিক্সেলে অবস্থান নির্দেশ করে。
DOM সংস্করণ: DOM Level 2 Events

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

প্রতিভা Chrome IE ফায়ারফক্স স্যাফারি ওপেরা
clientY সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন

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

HTML DOM রেফারেন্স ম্যানুয়েল:MouseEvent clientX এক্সপ্রোপার্টি

HTML DOM রেফারেন্স ম্যানুয়েল:MouseEvent screenX এক্সপ্রোপার্টি

HTML DOM রেফারেন্স ম্যানুয়েল:MouseEvent screenY এক্সপ্রোপার্টি

HTML DOM রেফারেন্স ম্যানুয়েল:MouseEvent offsetX এক্সপ্রোপার্টি

HTML DOM রেফারেন্স ম্যানুয়েল:MouseEvent offsetY এক্সপ্রোপার্টি

DOM ইভেন্ট MouseEvent