我希望这个 jQuery 插件能够工作，但它没有：
http://andowebsit.es/blog/noteslog.com/post/how-to-fix-the-resize-event-in-ie （旧链接是 noteslog.com/post/how-to-fix-the-resize -事件在IE）。
我在他的网站上添加了一条评论，但它们是经过审核的，所以你可能还看不到它。
但无论如何，让我解释一下我的愿望。我希望在用户暂停调整大小和/或完成调整大小时触发“调整大小”类型的事件，而不是在用户主动拖动浏览器的窗口调整大小句柄时触发。我有一个相当复杂且耗时的OnResizeHandled函数，我需要运行，但不能运行 100 次，因为用户将窗口扩大了 100 像素，并且事件被触发了移动像素。我想最好的办法是在用户完成调整大小后处理它。
像这样的一些代码怎么样：
function resizeStuff() {
//Time consuming resize stuff here
}
var TO = false;
$(window).resize(function(){
if(TO !== false)
clearTimeout(TO);
TO = setTimeout(resizeStuff, 200); //200 is time in miliseconds
});
这应该确保该函数仅在用户停止调整大小时才调整大小。
从并发解决方案中借鉴一些想法来管理来自浏览器的大量事件。
例如，当您第一次收到 resize 事件时，将标志设置为 true，表示用户当前正在调整大小。设置超时以在 1 秒后调用实际的调整大小事件处理程序。然后，只要此标志为真，就忽略调整大小事件。然后，在实际的处理程序中，一旦一切都完成并正确，将标志设置回 false。
这样，您每秒只处理一次最新事件（或其他一段时间，具体取决于您的要求）。如果用户在调整大小的过程中暂停，它将处理。如果用户完成，它将处理。
这可能不适合您，但还有许多其他使用锁的方法可能更有帮助。
Paul Irish 有一个很棒的Debounced jQuery 插件可以解决这个问题。
如果你喜欢图书馆，你应该检查下划线，下划线已经满足了你的需要，你的项目中可能会有更多。
这是下划线去抖器如何工作的示例：
// declare Listener function
var debouncerListener = _.debounce( function(e) {
// all the actions you need to happen when this event fires
}, 300 ); // the amount of milliseconds that you want to wait before this function is called again
然后只需在调整窗口大小时调用该 debouncer 函数
window.addEventListener("resize", debouncerListener, false);
在这里查看所有可用的下划线函数http://underscorejs.org/
当用户暂停调整大小时如何设置超时？发生调整大小时重置超时，或者如果超时到期，则触发调整大小事件处理程序。
由于它是用 jQuery 构建的，你不能将某种 onComplete 事件绑定到扩展并传递一个在调用时应该执行的函数吗？
编辑：
当用户开始调整窗口大小时，设置观察窗口尺寸的时间间隔。如果在您的规范的预设时间段内尺寸没有改变，那么您可以考虑调整窗口大小“完成”。您在此选择的 javascript 函数将是 setInterval()，它接受两个参数 - 一个调用每个刻度的函数，以及每个刻度需要多长时间（以毫秒为单位）。
至于如何在 jquery 框架中专门编写它，好吧，我对 jquery 的了解还不够，无法告诉你。也许其他人可以更具体地帮助您，但同时您可以考虑扩展您已经与 onComplete 事件链接的 jquery 扩展，该事件就像我刚才描述的那样工作。
几天前我扩展了默认的 jQuery on-event-handler。如果在给定的时间间隔内未触发事件，它会将一个或多个事件的事件处理函数附加到所选元素。如果您只想在延迟后触发回调，这很有用，例如调整大小事件，或者其他。
https://github.com/yckart/jquery.unevent.js
;(function ($) {
var methods = { on: $.fn.on, bind: $.fn.bind };
$.each(methods, function(k){
$.fn[k] = function () {
var args = [].slice.call(arguments),
delay = args.pop(),
fn = args.pop(),
timer;
args.push(function () {
var self = this,
arg = arguments;
clearTimeout(timer);
timer = setTimeout(function(){
fn.apply(self, [].slice.call(arg));
}, delay);
});
return methods[k].apply(this, isNaN(delay) ? arguments : args);
};
});
}(jQuery));
像任何其他on或bind-event 处理程序一样使用它，除了你可以传递一个额外的参数作为最后一个：
$(window).on('resize', function(e) {
console.log(e.type + '-event was 200ms not triggered');
}, 200);