小编典典

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

all

是否可以使用 JavaScript 检测用户何时更改页面的缩放比例?我只是想捕捉一个“缩放”事件并响应它(类似于 window.onresize 事件)。

谢谢。


阅读 326

收藏
2022-08-01

共1个答案

小编典典

没有办法主动检测是否有缩放。我在这里找到了一个关于如何尝试实现它的好条目。

我发现了两种检测缩放级别的方法。检测缩放级别变化的一种方法依赖于百分比值未缩放的事实。百分比值是相对于视口宽度的,因此不受页面缩放的影响。如果您插入两个元素,一个以百分比表示位置,另一个以像素表示相同位置,当页面缩放时,它们将分开。找到两个元素的位置之间的比率,你就得到了缩放级别。见测试用例。
http://web.archive.org/web/20080723161031/http://novemberborn.net/javascript/page-
zoom-
ff3

您也可以使用上述帖子的工具来完成。问题是您或多或少地对页面是否缩放进行了有根据的猜测。这在某些浏览器中会比其他浏览器更好。

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

2022-08-01