diff --git a/xray.js b/xray.js index 53d275f..923273b 100644 --- a/xray.js +++ b/xray.js @@ -87,14 +87,14 @@ document.addEventListener("DOMContentLoaded", e => { const overlay = document.querySelector("#overlay"); document.addEventListener("mousedown", e => { - let x = e.pageX - overlay.getBoundingClientRect().x; - let y = e.pageY - overlay.getBoundingClientRect().y; + let x = e.clientX - overlay.getBoundingClientRect().x; + let y = e.clientY - overlay.getBoundingClientRect().y; updateOverlay([[x,y]], e.buttons % 2 != 0); }); document.addEventListener("mousemove", e => { - let x = e.pageX - overlay.getBoundingClientRect().x; - let y = e.pageY - overlay.getBoundingClientRect().y; + let x = e.clientX - overlay.getBoundingClientRect().x; + let y = e.clientY - overlay.getBoundingClientRect().y; updateOverlay([[x,y]], e.buttons % 2 != 0); }); @@ -105,8 +105,8 @@ document.addEventListener("DOMContentLoaded", e => { let touches = []; for (let i=0; i < e.touches.length; i++) { - let x = e.touches[i].pageX - offsetX; - let y = e.touches[i].pageY - offsetY; + let x = e.touches[i].clientX - offsetX; + let y = e.touches[i].clientY - offsetY; touches.push([x,y]); } updateOverlay(touches, true); @@ -119,8 +119,8 @@ document.addEventListener("DOMContentLoaded", e => { let touches = []; for (let i=0; i < e.touches.length; i++) { - let x = e.touches[i].pageX - offsetX; - let y = e.touches[i].pageY - offsetY; + let x = e.touches[i].clientX - offsetX; + let y = e.touches[i].clientY - offsetY; touches.push([x,y]); } updateOverlay(touches, true);