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

807882666

于 2014-02-27 13:24:53 发布

阅读量1.4k

点赞数

本文探讨了在不同浏览器中滚动条滑动加载图片时，onscroll事件执行次数的问题，并提供了一种方法来确保某段时间内仅执行一次事件处理函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

var i=0;
E.addHandler(window, 'scroll', function(){
    console.log(i++);
})

firefox

chrome

ie8

总结

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

var i=0,
    scrollTimer;
E.addHandler(window, 'scroll', function(){
    if(scrollTimer) clearTimeout(scrollTimer);
    scrollTimer = setTimeout(function(){
        console.log(i++);
    }, 200);
})