Javascript 如何检查浏览器窗口是否已完全调整大小?
我想在我的窗口完全调整大小后执行一个函数Javascript 如何检查浏览器窗口是否已完全调整大小?,javascript,browser,dom-events,window-resize,Javascript,Browser,Dom Events,Window Resize,我想在我的窗口完全调整大小后执行一个函数 window.resizeTo('792','115'); myFunction(); 我的问题: 1.是否只有在完全调整窗口大小后才会调用myFunction()方法 2.如果是,对我来说意味着没有问题,否则我想要下面的场景 我的需要: 我需要一个纯Javascript解决方案 if(windowIsFullyResized){ myFunction(); }else{ // wait for window resize a
window.resizeTo('792','115');
myFunction();
我的问题:
1.是否只有在完全调整窗口大小后才会调用myFunction()
方法
2.如果是,对我来说意味着没有问题,否则我想要下面的场景
我的需要:
我需要一个纯Javascript解决方案
if(windowIsFullyResized){
myFunction();
}else{
// wait for window resize and again call myFunction();
}
我怎样才能做到这一点?你可以这样做,也许:
$( window ).resize(function() {
var windowWidth = $(window).width();
var windowHeight = $(window).height();
if(windowWidth == 792 && windowHeight == 115) myFUnction();
});
就像上面说的,你可以这样做:
我更喜欢创建一个事件:
$(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文件中找到它。谢谢您的回复。我需要一个纯javascript解决方案。您正在取消公告事件,还不错@幸运的是,jQuery是一个javascript库,所以不难“转换”代码/语法。有趣的是,你用jQuery标记了这个问题…@Wolf在我的项目中,我们不能包含或使用jQuery。谢谢你的回答。我需要一个纯javascript解决方案。我必须做同样的事情,只有在我的窗口调整大小时。
window.onresize=function(){SomeJavaScriptCode}代码>在某些情况下,它会失败。所以,我只是问如何检查,浏览器窗口是否已完全调整大小?