解决window.onresize事件多次调用问题

最新推荐文章于 2019-07-18 16:26:00 发布

原创最新推荐文章于 2019-07-18 16:26:00 发布 · 371 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #ViewUI

JavaScript 专栏收录该内容

22 篇文章

订阅专栏

本文介绍了一种限制浏览器窗口调整大小事件触发频率的方法，通过设置定时器来避免因频繁触发window.onresize事件导致的性能问题。

解决window.onresize事件多次调用问题：

<script type="text/javascript">
var  resizeTimer = null;

function doResize(){
  alert("width="+(document.documentElement||document.body).clientWidth + 
       "   Height="+(document.documentElement||document.body).clientHeight);
}

window.onresize = function(){
  if(resizeTimer) clearTimeout(resizeTimer);
  resizeTimer = setTimeout("doResize()",300);
}
</script>