如何检查浏览器窗口是否完全调整大小？

Question

我的窗口完全调整大小后，我想执行一个函数。

window.resizeTo('792','115');

myFunction();

我的问题 ：

1.仅在窗口完全调整大小后才会调用myFunction()方法吗？

2.如果是的话对我来说意味着没问题，否则我想要以下情况？

我的需要：

我需要一个纯粹的Javascript解决方案。

if(windowIsFullyResized){
      myFunction();
}else{
      // wait for window resize and again call myFunction();
}

我怎样才能做到这一点？

Answer 1

就像它说here，你可以这样做：

我更喜欢创建一个活动：

$(window).bind('resizeEnd', function() {
    //do something, window hasn't changed size in 500ms
});

以下是创建它的方法：

 $(window).resize(function() {
        if(this.resizeTO) clearTimeout(this.resizeTO);
        this.resizeTO = setTimeout(function() {
            $(this).trigger('resizeEnd');
        }, 500);
    });

你可以在某个地方的全局javascript文件中使用它。

Answer 2

你可以这样做：

$( window ).resize(function() {
    var windowWidth = $(window).width();
    var windowHeight = $(window).height();
    if(windowWidth == 792 && windowHeight == 115) myFUnction();
});