แนวคิดและรหัสสำหรับการได้รับตำแหน่งของเมาส์คลิก

คัดลอก แต่รหัสของหน้าดั้งเดิมยังคงต้องได้รับการแก้ไข ต่อไปนี้คือการแก้ไขที่มีอยู่

ที่ใช้กันทั่วไปคือเหตุการณ์ clientx และ event.clienty เพื่อให้ได้ตำแหน่งแนวนอนและแนวตั้งตามลำดับ แต่การใช้วิธีนี้เพียงอย่างเดียวนั้นไม่เพียงพอเนื่องจากตำแหน่งเมาส์ที่ได้รับจากเหตุการณ์ clientx และ event.clienty สัมพันธ์กับหน้าจอปัจจุบันโดยไม่คำนึงถึงระยะทางเลื่อนโดยแถบเลื่อนของหน้า

การคัดลอกรหัสมีดังนี้:

ฟังก์ชั่น pointerx (เหตุการณ์)

-

return event.pagex || (event.clientx + (document.documentelement.scrollleft || document.body.scrollleft));

-

ฟังก์ชั่น pointery (เหตุการณ์)

-

return event.pagey || (event.clienty + (document.documentelement.scrolltop || document.body.scrolltop));

-

ทั้งสองวิธีจะได้รับตำแหน่งเมาส์ตามลำดับเมื่อเทียบกับทั้งหน้า (แทนที่จะเป็นหน้าจอ)

Event.Pagex ได้รับการสนับสนุนใน FF ซึ่งใช้การดำเนินงานข้ามเบราว์เซอร์

เพียงแค่เรียกฟังก์ชั่นทั้งสองนี้ในวิธีอื่น

การคัดลอกรหัสมีดังนี้:

ฟังก์ชั่น getPointPosition (เหตุการณ์)

-

var x_px_scr = event.clientx;

var y_px_scr = event.clienty;

การแจ้งเตือน ("ออฟเซ็ต X-Axis เทียบกับหน้าจอปัจจุบัน" + x_px_scr); <span style = "font-family: tahoma, helvetica, arial;"> // เทียบกับอุปกรณ์ (พีซีหรืออุปกรณ์มือถือ) </span>

การแจ้งเตือน ("ออฟเซ็ต Y-axis เทียบกับหน้าจอปัจจุบัน" + y_px_scr); // เทียบกับอุปกรณ์ (พีซีหรืออุปกรณ์มือถือ)

var x_px_page = pointerx (เหตุการณ์);

var y_px_page = pointery (เหตุการณ์);

การแจ้งเตือน ("ออฟเซ็ต x แกนสัมพันธ์กับหน้าทั้งหมด" + x_px_page); // สัมพันธ์กับเบราว์เซอร์

การแจ้งเตือน ("ออฟเซ็ตแกน y เทียบกับหน้าทั้งหมด" + y_px_page); // สัมพันธ์กับเบราว์เซอร์

-