jquery - 当我停止“调整”窗口大小时，我可以调用一个函数吗？

Question

可能重复：
在拖动调整大小手柄时多次触发 javascript 调整大小事件

试过：

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

但它为窗口的每一个小动作写了“调整大小”。我可以仅在完成（停止）时调用函数（在此示例中为 console.log()）来调整窗口大小吗？

谢谢！

Answer 1

如果在接下来的 100 毫秒内没有新的调整大小事件，您可能只是定义调整大小完成。像这样：

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

Answer 2

Resize 会在调整窗口大小时连续触发，而在不调整大小时不会触发。因此，您无法识别连续调整大小何时停止，因此请坚持在触发调整大小事件时起作用的逻辑。