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

Question

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

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

结果值：

显然与标尺测量的值不匹配。当我尝试在点击位置添加div时，也会出现这种情况。它不会出现在正确的位置，而是出现在偏移位置。

是否有人遇到类似的情况？

Answer 1

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

Position fixed not working is working like absolute