jquery - jQuery中的放大/缩小事件

Question

我只是想要一个在放大窗口时显示警报的功能，比如“你放大了”，缩小时说“你缩小了”，我搜索了这个功能很多时间，但每次我搜索时，我都会得到“放大”进入窗口事件”，这不是我要找的。

Answer 1

srceen.width 是固定值，但 window.innerWidth 值会根据缩放效果而变化。请尝试以下代码：

 $(window).resize(function() {
       if(screen.width == window.innerWidth){
           alert("you are on normal page with 100% zoom");
       } else if(screen.width > window.innerWidth){
           alert("you have zoomed in the page i.e more than 100%");
       } else {
           alert("you have zoomed out i.e less than 100%")
       }
    });

Answer 2

而不是使用任何缩放功能使用jquery

.resize()

功能

Answer 3

目前尚不清楚放大是什么意思，但我猜它是 Ctrl + 鼠标滚轮移动。

为了实现这一点，只需查找鼠标滚轮事件并检查控制键是否按下。

这是一个起点：在 jQuery 中获取鼠标滚轮事件？

这将允许您检测鼠标是向上还是向下滚动。

您只需要添加一个 IF 来检查是否按下了 ctrl 键，您将能够检测用户是否正在缩放