Mouse หน้าจอเหตุการณ์Yคุณสมบัติ
ตัวอย่าง
รับพิกัดของตัวชี้เมาส์ที่สัมพันธ์กับหน้าจอเมื่อคลิกปุ่มเมาส์บนองค์ประกอบ:
var x = event.screenX; // Get the horizontal coordinate
var y = event.screenY; // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
คุณสมบัติ screenY จะคืนค่าพิกัดแนวตั้ง (ตามหน้าจอคอมพิวเตอร์ของผู้ใช้) ของตัวชี้เมาส์เมื่อมีเหตุการณ์เกิดขึ้น
เคล็ดลับ:ในการรับพิกัดแนวนอน (ตามหน้าจอ) ของตัวชี้เมาส์ ให้ใช้คุณสมบัติscreenX
หมายเหตุ:คุณสมบัตินี้เป็นแบบอ่านอย่างเดียว
รองรับเบราว์เซอร์
Property | |||||
---|---|---|---|---|---|
screenY | Yes | Yes | Yes | Yes | Yes |
ไวยากรณ์
event.screenY
รายละเอียดทางเทคนิค
คืนมูลค่า: | ตัวเลข แทนพิกัดแนวตั้งของตัวชี้เมาส์ หน่วยเป็นพิกเซล |
---|---|
รุ่น DOM: | กิจกรรม DOM ระดับ 2 |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
การสาธิตความแตกต่างระหว่าง 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;
หน้าที่เกี่ยวข้อง
การอ้างอิง HTML DOM: MouseEvent screenX Property
การอ้างอิง HTML DOM: MouseEvent clientX Property
การอ้างอิง HTML DOM: ไคลเอนต์ MouseEventY คุณสมบัติ
การอ้างอิง HTML DOM: คุณสมบัติ MouseEvent offsetX
การอ้างอิง HTML DOM: MouseEvent offsetY Property