خصوصیت clientY رویداد MouseEvent

رویدادهای DOM MouseEvent

تعریف و استفاده

وقتی رویداد ماوس فعال می‌شود، خاصیت clientY مقدار ارتفاع مکان نشانگر ماوس را (بر اساس ناحیه کاربری) بازمی‌گرداند.

ناحیه کاربری، پنجره فعلی است.

توجه:برای دریافت مکان افقی نشانگر ماوس (بر اساس ناحیه کاربری)، از خاصیت clientX.

توضیحات:این خاصیت فقط خواندنی است.

مثال

مثال 1

وقتی دکمه ماوس روی عنصر کلیک می‌شود، مکان نشانگر ماوس را چاپ کنید:

x = event.clientX;     // دریافت عرض
y = event.clientY;     // دریافت ارتفاع
coor = "X coords: " + x + ", Y coords: " + y;

نتیجه:

X coords: 142, Y coords: 99

آزمایش کنید

مثال 2

وقتی نشانگر ماوس روی عنصر حرکت می‌کند، مکان نشانگر ماوس را چاپ کنید:

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

آزمایش کنید

مثال 3

مطالعه کنید تفاوت بین clientX و clientY و screenX و screenY:

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

آزمایش کنید

زبان

رویداد.clientY

جزئیات فنی

مقدار بازگشتی: یک مقدار عددی است که نشان‌دهنده ارتفاع مکان نشانگر ماوس به صورت پیکسل است.
نسخه DOM: رویدادهای سطح 2 DOM

پشتیبانی مرورگر

نوع Chrome IE Firefox Safari Opera
clientY پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی

صفحات مرتبط

دستورالعمل HTML DOM:ویژگی clientX رویداد موشکره

دستورالعمل HTML DOM:ویژگی screenX رویداد موشکره

دستورالعمل HTML DOM:ویژگی screenY رویداد موشکره

دستورالعمل HTML DOM:ویژگی offsetX رویداد موشکره

دستورالعمل HTML DOM:ویژگی offsetY رویداد موشکره

رویدادهای DOM MouseEvent