ویژگی clientY رویداد MouseEvent

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;

آزمایش کنید

زبان

رویداد.clientY

جزئیات فنی

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

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

امتیازات 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