javascript - 浏览器缩放级别改变测量的像素位置与 MouseEvent.clientX 报告

Question

我正在尝试获取 Chrome 中点击事件的坐标。该事件是使用 ReactComponent 的 onClick 处理程序生成的，如下所示:

<img
    onClick={(e) => { console.log('e:', e.clientX, window.scrollX, "pageX", e.pageX);}}
</img>

结果值:

显然与尺子测量的值不符。当我尝试在点击位置添加一个 div 时，这也会表现出来。它没有出现在正确的位置，而是出现在偏移处。

有人遇到过类似的情况吗？

Answer 1

浏览器窗口已放大。Cmd - [减号] 修复了事件相对于标尺的位置。 div 定位与此处描述的问题相关:

Position fixed not working is working like absolute