2014-04-03 44 views
0

我想在窗口完全調整大小後執行一個函數。Javascript:如何檢查,瀏覽器窗口是否完全調整大小?

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

myFunction(); 

我的問題:

1.Does的myFunction()方法將被調用後才窗口完全調整?

2.如果對我來說沒有問題,否則我想要下面的場景?

我需要:

我需要一個純JavaScript解決方案。

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

我該如何做到這一點。

回答

0

你可以這樣做也許:

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

感謝您的答覆。我需要一個純粹的JavaScript解決方案。 –

+0

@HumanBeing:然後可能參考這個http://stackoverflow.com/a/3333336/3493282 – b4ttl3m4st3r

+0

我必須做同樣的事情,只有在我的窗口調整大小後。 –

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文件中找到它。

+0

感謝您的答覆。我需要一個純粹的JavaScript解決方案。 –

+0

你正在擺脫事件,不錯! –

+0

@HumanBeing你很幸運,jQuery是一個JavaScript庫,所以不難'轉換'代碼/語法。有趣的是,你用jQuery標籤標記了問題... –

相關問題