js如何只监听窗口缩小

Question

窗口缩放的时候，js如何只监听窗口缩小，不监听放大

看来我没有表达清楚，
页面有个div需要自适应窗口，
当窗口缩小的时候div也跟着缩小，
当窗口放大的时候div大小不发生变化

Answer 1

        var w = window.innerWidth;
        var h = window.innerHeight;
        window.onresize = function(){
            if(w>window.innerWidth||h> window.innerHeight){
                console.log('缩小');
            }
        }

Answer 2

记录窗口大小，resize的时候判断是缩小还是放大，缩小的话再执行你的函数

一样的道理，假如我们只判断宽度缩放

var width = $(window).width();
window.onresize = function(){
    var cur_width = $(window).width()
    $('div').css('width',Math.min(width,cur_width) + 'px');
    if(cur_width <= width){
        width = cur_width
    }
}

当然具体什么时候改变变量值（width = cur_width）看你需求。

Answer 3

window.onresize

Answer 4

定义一个全局变量记录当前窗口的宽度win1
window.onresize=function(){

获取当前窗口的宽度与全局变量win2
if(win2<win1){
    //搞事情，，
    
   // 最后把win2的值赋给win1做下次判定的依据
    win1=win2;
}

}

以上是提供思路的伪代码 如果对你有帮助，，给点积分~

Answer 5

我这个可能解决了你的问题，https://juejin.im/post/5de9c1...