[JavaScript]使用setTimeout減少多餘事件

在瀏覽器上，某些事件的觸發是非常頻繁的，幾乎是毫秒級的，最典型的就是document.onmousemove，而這麼頻繁的事件，往往都是弊大於利的。今天看到一個很好的解決辦法，這裡稍加改進成通用的方法，雖不能徹底解決問題，但是可以有效緩解，而且簡單易行，核心代碼如下：

    //可進一步擴充為支援可傳參的fn    var onFooEndFunc = function(fn) {        var delay = 50; // 根據實際情況可調整延時時間        var executionTimer;        return function() {            if (!!executionTimer) {                clearTimeout(executionTimer);            }            //這裡延時執行你的函數            executionTimer = setTimeout(function() {                //alert('123');                fn();            }, delay);        };    };

下面以document.onmousemove為例，看看啟動並執行效果，使用延時處理前，移動滑鼠，會發現事件觸發非常頻繁，使用延時處理後，移動滑鼠，事件就沒那麼頻繁了。

 
 

上面只是以 document.onmousemove為例，還有很多其他DOM事件存在相同問題，例如onScroll, onMouseMove, onResize，同理，都可以用這個方法來解決，具體還可以看這裡的例子，方法本質上都是一樣的。