如何判断鼠标滚轮在动以及滚动方向

最新推荐文章于 2025-08-19 12:35:54 发布

原创最新推荐文章于 2025-08-19 12:35:54 发布 · 1.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#Opera #JavaScript #HTML #ViewUI

前端开发-javascript 专栏收录该内容

34 篇文章

订阅专栏

部署运行你感兴趣的模型镜像

<html>
<head>
<script type="text/javascript">
function handle(delta) {
    var s = delta + ": ";
    if (delta <0)
        s += "您在向下滚……";
    else
        s += "您在向上滚……";
    document.getElementById('delta').innerHTML = s;
}

function wheel(event){
    var delta = 0;
    if (!event) event = window.event;
    if (event.wheelDelta) {
        delta = event.wheelDelta/120;
        if (window.opera) delta = -delta;
    } else if (event.detail) {
        delta = -event.detail/3;
    }
    if (delta)
        handle(delta);
}

if (window.addEventListener)
window.addEventListener('DOMMouseScroll', wheel, false);
window.onmousewheel = document.onmousewheel = wheel;
</script>
</head>
<body>
<div id="delta">滚动中轮试试~请选按着中轮滚动，激活后可以不按，直接滚动。</div>
</body>
</html>