鼠标滚动事件onscroll在firefox/chrome/Ie中执行次数的问题处理

需要写一个滚动条滑动加载图片的程序,研究了一下onscroll在不同浏览器里的执行次数,分别如下:

var i=0;

E.addHandler(window, 'scroll', function(){

    console.log(i++);

})

firefox

鼠标滚动事件onscroll在firefox/chrome/Ie中执行次数的问题处理

chrome

鼠标滚动事件onscroll在firefox/chrome/Ie中执行次数的问题处理

ie8

鼠标滚动事件onscroll在firefox/chrome/Ie中执行次数的问题处理

总结

滚轮动一下ie执行的次数太多了,需要写个方法,某段时间只执行一次。

var i=0,

    scrollTimer;

E.addHandler(window, 'scroll', function(){

    if(scrollTimer) clearTimeout(scrollTimer);

    scrollTimer = setTimeout(function(){

        console.log(i++);

    }, 200);

})

你可能感兴趣的:(firefox)