MouseEvent pageYคุณสมบัติ
ตัวอย่าง
ส่งออกพิกัดของตัวชี้เมาส์เมื่อคลิกปุ่มเมาส์บนองค์ประกอบ:
var x = event.pageX; // Get the horizontal coordinate
var y = event.pageY; // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
คุณสมบัติ pageY จะคืนค่าพิกัดแนวตั้ง (ตามเอกสาร) ของตัวชี้เมาส์เมื่อเหตุการณ์ของเมาส์ถูกทริกเกอร์
เอกสารเป็นหน้าเว็บ
เคล็ดลับ:ในการรับพิกัดแนวนอน (ตามเอกสาร) ของตัวชี้เมาส์ ให้ใช้คุณสมบัติpageX
หมายเหตุ:คุณสมบัตินี้เป็นแบบอ่านอย่างเดียว
หมายเหตุ:คุณสมบัตินี้ไม่ได้มาตรฐาน แต่ใช้งานได้กับเบราว์เซอร์หลักๆ ส่วนใหญ่
รองรับเบราว์เซอร์
Property | |||||
---|---|---|---|---|---|
pageY | Yes | 12.0 | Yes | Yes | Yes |
ไวยากรณ์
event.pageY
รายละเอียดทางเทคนิค
คืนมูลค่า: | ตัวเลข แทนพิกัดแนวตั้งของตัวชี้เมาส์ หน่วยเป็นพิกเซล |
---|---|
รุ่น DOM: | ไม่มี |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
แสดงพิกัดของตัวชี้เมาส์ในขณะที่ตัวชี้เมาส์เคลื่อนที่เหนือองค์ประกอบ:
var x = event.pageX;
var y = event.pageY;
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;
ตัวอย่าง
การสาธิตความแตกต่างระหว่าง clientX และ clientY และ screenX และ screenY:
var pX = event.pageX;
var cX = event.clientX;
var pY = event.pageY;
var cY = event.clientY;
var coords1 = "page - X: " + pX + ", Y coords: " + pY;
var coords2 = "client - X: " + cX + ", Y coords: " + cY;
หน้าที่เกี่ยวข้อง
การอ้างอิง HTML DOM: MouseEvent pageX Property
การอ้างอิง HTML DOM: MouseEvent clientX Property
การอ้างอิง HTML DOM: ไคลเอนต์ MouseEventY คุณสมบัติ
การอ้างอิง HTML DOM: MouseEvent screenX Property
การอ้างอิง HTML DOM: MouseEvent screenY Property