Javascript：我们如何组合事件？

Question

我试图在任何滚动事件上滚动一页，但是当我们在示例中使用鼠标滚轮时会触发多个滚动事件。

我想在使用鼠标或键盘滚动时一次滚动一个屏幕，但鼠标滚轮滚动多次触发以下事件

window.onscroll = function (e) {
    e.preventDefault();}

Answer 1

您可以使用setTimeout检测滚动事件的结束，然后按如下所示运行代码。

var t;
addEventListener('scroll', scrollEndFunc)
function scrollEndFunc(e) {
    clearTimeout(t);
    t = setTimeout(function(){
            //todo stuff
        }, 600) // wait untill 600ms, if no scroll then
                // execute actual function else cancel it.
}

这是编辑到codepen