js鼠标滚轮事件实例

document.addEventListener('wheel', function(event) {
    // event.deltaY 表示滚动的垂直距离，正值表示向下滚动，负值表示向上滚动
    if (event.deltaY > 0) {
        console.log('向下滚动');
    } else {
        console.log('向上滚动');
    }
});

function throttle(func, limit) {
    let inThrottle;
    return function() {
        const args = arguments;
        const context = this;
        if (!inThrottle) {
            func.apply(context, args);
            inThrottle = true;
            setTimeout(() => inThrottle = false, limit);
        }
    };
}

document.addEventListener('wheel', throttle(function(event) {
    if (event.deltaY > 0) {
        console.log('向下滚动');
    } else {
        console.log('向上滚动');
    }
}, 100)); // 限制为每100毫秒执行一次