JavaScript获取鼠标滚轮值，判断滚动方向


JavaScript获取鼠标滚轮值，这里的值只有“1”和“-1”两种情况，请选按着中轮滚动，激活后可以不按，直接滚动。程序根据取值可以判断出滚轮的滚动方向，是向上滚还是向下滚，在编写JS游戏的时候我们要用到本功能。

答案：<html>
<head>
<title>JavaScript判断鼠标滚轮滚动方向</title>
<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>

上一个：拖动鼠标能画出文字，还能擦除
下一个：新浪天气预报的JS代码,带天气图标

更多图片编程知识: