在重新调整窗口大小时为变量指定动态值-javascript
我需要给变量分配一个动态值。具体来说,我想指定窗口宽度并检测窗口是否已调整大小 要指定窗口宽度,我知道如下所示:在重新调整窗口大小时为变量指定动态值-javascript,javascript,jquery,variables,dynamic,resize,Javascript,Jquery,Variables,Dynamic,Resize,我需要给变量分配一个动态值。具体来说,我想指定窗口宽度并检测窗口是否已调整大小 要指定窗口宽度,我知道如下所示: var windowWidth = $(window).width(); 但我不知道在调整窗口大小后如何获得窗口宽度,所以该变量将始终具有当前窗口宽度 可能吗?我找不到这样做的方法 比你先进得多 朱尔 您可以使用此事件: window.onresize = function(event) { windowWidth = $(window).width(); } 如果您这样
var windowWidth = $(window).width();
但我不知道在调整窗口大小后如何获得窗口宽度,所以该变量将始终具有当前窗口宽度
可能吗?我找不到这样做的方法
比你先进得多
朱尔
您可以使用此事件:
window.onresize = function(event) {
windowWidth = $(window).width();
}
如果您这样做是为了检查窗口何时已调整大小,为什么不向窗口调整大小事件添加事件处理程序
$(window).resize(function() {
alert("resized");
});
如果您只希望函数在调整大小完成后运行一次,请尝试以下操作:
var resizeTimer;
var windowWidth;
$(window).resize(function() {
clearTimeout(resizeTimer);
resizeTimer = setTimeout(function() {
windowWidth = $(window).width();
alert("New width: " + windowWidth);
}, 1000);
});
在窗口或主体上添加调整大小事件谢谢!但我需要的是从de.resize函数中运行变量,使其成为一个全局变量,这可能吗?是的。声明
var窗口宽度代码>在页面顶部(调整大小事件之外),然后将其设置为事件火。@user172262没问题,我刚刚更新了答案。谢谢webnoobAnd我该怎么做?我所做的是根据窗口宽度移动div的左位置,如果我调整窗口的大小,宽度变量不会改变,因此左位置不是右位置。
var resizeTimer;
var windowWidth;
$(window).resize(function() {
clearTimeout(resizeTimer);
resizeTimer = setTimeout(function() {
windowWidth = $(window).width();
alert("New width: " + windowWidth);
}, 1000);
});