Làm thế nào để có được vị trí chuột liên quan đến khung nhìn cửa sổ trong javascript?

Question

event.pageY giúp bạn vị trí chuột liên quan đến toàn bộ chiều cao của tài liệu (document.documentElement.offsetHeight Tôi giả định).

Nhưng làm cách nào để có được vị trí chuột tương ứng với chế độ xem hiện tại, là document.documentElement.clientHeight?

Ví dụ: nếu kích thước cửa sổ trình duyệt có chiều cao 720 pixel, tôi cuộn xuống 3 trang và giữ chuột ở giữa cửa sổ, vị trí phải là "360", không phải 1800 (720 x 3 - 720/2).

Answer 1

Hãy thử sử dụng event.clientY rằng nên luôn luôn trả về giá trị đúng bất kể di chuyển

https://developer.mozilla.org/en-US/docs/DOM/event.clientY

Answer 2

Sử dụng event.clientY để có được những mouse position tương đối so với khung nhìn trình duyệt (Compatibility table).