放大/缩小jQuery中的事件

Question

我只是想要一个函数在窗口放大时显示警报提示"你放大了"在窗口缩小时显示警报提示"你放大了"我搜索了这个函数很多次但每次搜索我都得到"放大窗口事件"这不是我想要的

Answer 1

srceen。宽度是固定值，但作为窗口。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键，你将能够检测用户是否在缩放