如何使javascript resize事件处理程序仅在用户停止调整窗口大小后才发生

Question

如何使javascript resize事件处理程序仅在用户停止调整窗口大小后发生?我不希望它在用户调整窗口大小时被一遍又一遍地调用

$(window).resize(function () {
            if( document.getElementById('staticImage').style.display == 'table-cell') {
                resizeWithImageMap();
            } else {
                resizeWithoutImageMap();
            }
        });

谢谢。

Answer 1

Adeneo发布了一个很好的函数示例，但我倾向于将其全部构建到我自己的处理程序中:

var resizeComplete = (function() {
  var funcs = [];
  var timer ;
  var delay = 250;
  window.onresize = function() {
    window.clearTimeout(timer);
    timer = window.setTimeout(function() {
      for (var i = 0; i < funcs.length; i++) {
        funcs[i](); // Call the func
      }
    }, delay);
  };
  function register(func) {
    funcs.push(func);
  }
  return {
    register: register
  }
}());
resizeComplete.register(function() {
  console.log("Resize complete");
});