一尘不染

在JavaScript中捕获浏览器的“缩放”事件

javascript

当用户更改页面缩放时,是否可以使用JavaScript检测?我只是想捕获一个“缩放”事件并对其进行响应(类似于window.onresize事件)。

谢谢。


阅读 1216

收藏
2020-04-25

共1个答案

一尘不染

无法主动检测是否有变焦。我在这里找到了如何尝试实现它的好方法。

我发现了两种检测缩放级别的方法。检测缩放级别变化的一种方法取决于不缩放百分比值的事实。百分比值是相对于视口宽度的,因此不受页面缩放的影响。如果您插入两个元素,一个元素的位置以百分比表示,而另一个元素的位置以像素为单位,则在缩放页面时它们将分开。找到两个元素的位置之间的比例,即可得到缩放级别。

您也可以使用以上文章中的工具进行操作。问题是您正在或多或少地对页面是否已缩放进行有根据的猜测。在某些浏览器中,这将比其他浏览器更好。

如果他们在缩放时加载了页面,则无法判断页面是否已缩放。

2020-04-25