当我停下来“调整大小”窗口时,我可以调用一个函数吗?

时间:2012-08-21 13:30:35

标签: jquery

  

可能重复:
  javascript resize event firing multiple times while dragging the resize handle

试过:

$(window).bind('load resize', function (e) {
    console.log("resized");
});

但它为窗口的每个小动作写了“resized”。我可以调用一个函数(在这个例子中,那个console.log())只有当我完成(我停止)调整窗口大小时才会调用它吗?

谢谢!

2 个答案:

答案 0 :(得分:2)

如果在接下来的100毫秒内没有新的调整大小事件,可能只是定义了调整大小。像这样:

var resizeEnd;
$(window).bind('resize', function(e) {
    clearTimeout(resizeEnd);
    resizeEnd = setTimeout(function() {
        console.log("resized");
    }, 100);
});

答案 1 :(得分:0)

调整大小会在调整窗口大小时不断触发,并且在不调整大小时不会触发。因此,没有一种方法可以让您识别连续调整大小何时停止,因此坚持使用在触发调整大小事件时起作用的逻辑。