Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/475.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使javascript调整大小事件处理程序仅在用户停止调整窗口大小后发生?_Javascript_Jquery_Event Handling_Resize_Throttling - Fatal编程技术网

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

如何使javascript调整大小事件处理程序仅在用户停止调整窗口大小后发生?,javascript,jquery,event-handling,resize,throttling,Javascript,Jquery,Event Handling,Resize,Throttling,如何使javascript调整大小事件处理程序仅在用户停止调整窗口大小后发生? 我不希望它在用户调整窗口大小时被反复调用 $(window).resize(function () { if( document.getElementById('staticImage').style.display == 'table-cell') { resizeWithImageMap(); } else {

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

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

谢谢。

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");
});
var resizeComplete=(函数(){
var funcs=[];
无功定时器;
无功延迟=250;
window.onresize=函数(){
清除超时(计时器);
timer=window.setTimeout(函数(){
对于(变量i=0;i
谢谢!工作完美。