JavaScript onresize事件多次触发

Question

我在触发onresize事件时只尝试运行一次函数时遇到了一些麻烦,我已经看过这个问题DOM onresize事件但是我没有使用jQuery而且无法使用该函数.有什么建议？

Answer 1

在调整大小操作期间,每个帧都调用一次resize事件.如果要在调整大小时调用它,只需使用回调函数设置计时器.

var timeOut = null;

window.onresize = function(){
    if (timeOut != null)
        clearTimeout(timeOut);

    timeOut = setTimeout(function(){
        // YOUR RESIZE CODE HERE
    }, 500);
};