我正在尝试获取 Chrome 中点击事件的坐标。该事件是使用 ReactComponent 的 onClick
处理程序生成的,如下所示:
<img
onClick={(e) => { console.log('e:', e.clientX, window.scrollX, "pageX", e.pageX);}}
</img>
结果值:
显然与尺子测量的值不符。当我尝试在点击位置添加一个 div 时,这也会表现出来。它没有出现在正确的位置,而是出现在偏移处。
有人遇到过类似的情况吗?
最佳答案
浏览器窗口已放大。Cmd - [减号]
修复了事件相对于标尺的位置。 div
定位与此处描述的问题相关:
关于javascript - 浏览器缩放级别改变测量的像素位置与 MouseEvent.clientX 报告,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41193557/