Javascript 当涉及css缩放时，如何获取页面上的单击位置_Javascript_Html_Css

Javascript 当涉及css缩放时，如何获取页面上的单击位置

javascript html css

Javascript 当涉及css缩放时，如何获取页面上的单击位置,javascript,html,css,Javascript,Html,Css,我现在的代码是 document.addEventListener('click', function(event) { console.log(event.pageX + "-" + event.pageY); }); 但是，主体上有一个缩放设置（虽然我无法控制它，有时它不在那里），event.pageX和event.pageY出现错误有没有办法得到一个相对值或什么的编辑：主体上的css是 body { zoom: 0.485417; } 缩放值可能会改变（作为某些外

我现在的代码是

document.addEventListener('click', function(event) {
    console.log(event.pageX + "-" + event.pageY);
});

但是，主体上有一个缩放设置（虽然我无法控制它，有时它不在那里），event.pageX和event.pageY出现错误

有没有办法得到一个相对值或什么的

编辑：

主体上的css是

body {
    zoom: 0.485417;
}

缩放值可能会改变（作为某些外部JS的一部分-我无法控制该值，我的JS没有设置它，它可以改变）

我通过AndrlRC的评论确定了这一点：

var zoomLevel = getComputedStyle(document.body).zoom;
if (zoomLevel <= 0) { zoomLevel = 0.1; }
doMyThing(event.pageX / zoomLevel, event.pageY / zoomLevel);

var zoomLevel=getComputedStyle（document.body）.zoom；

如果（zoomLevel而不是为主体提供缩放值，则为主体下的顶部div提供缩放值

ie:

<style>.zoom-this{zoom:85%}</style>

<body>
<div class='zoom-this'>
      Blabla content
</div>
</body>

.zoom这个{zoom:85%}
布拉布拉内容

这是一个很好的问题，似乎有报道称它是Edge、Chromium和Firefox的一个bug。但我不确定它是否是bug。也许这会有帮助>>在检测到缩放后，你可以计算原始窗口的宽度和缩放宽度之间的差异，并从单击位置添加或减去这个差异。你可以包括

css 有问题吗？@Paul您可能可以阅读缩放：getComputedStyle（document.body）。缩放