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 ระดับ 2 รายการเหตุ

浏览器支持

属性 Chrome IE Firefox Safari Opera
clientY การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน

หน้าที่เกี่ยวข้อง

คู่มือต้นแบบ HTML DOM :属性 clientX ของ MouseEvent

คู่มือต้นแบบ HTML DOM :属性 screenX ของ MouseEvent

คู่มือต้นแบบ HTML DOM :属性 screenY ของ MouseEvent

คู่มือต้นแบบ HTML DOM :属性 offsetX ของ MouseEvent

คู่มือต้นแบบ HTML DOM :属性 offsetY ของ MouseEvent

เหตุการณ์ DOM MouseEvent