javascript - DOM onresize 事件

Question

如果我有这个

window.onresize = function() {
  alert('resized!!');
};

在调整大小过程中，我的函数被触发多次，但我想捕获调整大小的完成情况。这是在 IE 中。

有什么想法吗？有各种各样的想法，但到目前为止还没有对我有用(例如 IE 的假定 window.onresizeend 事件。)

Answer 1

在这种情况下，我强烈建议去抖。我发现在 JavaScript 中执行此操作的最简单、有效且可靠的方法是 Ben Alman's jQuery plugin, Throttle/Debounce (可以使用或不使用 jQuery - 我知道......听起来很奇怪)。

通过去抖动，执行此操作的代码将非常简单:

$(window).resize($.debounce(1000, function() {
   // Handle your resize only once total, after a one second calm.
   ...
}));

希望可以帮助别人。 ;)