鼠标滚动事件

时间 2019-11-12

标签鼠标滚动事件繁體版

原文原文链接

鼠标滚动事件

关于滚动事件这方面，实际上是比较乱的。html

滚轮事件的兼容性差别有些不拘一格，不是以往的IE8-派和其余派，而是FireFox派和其余派。浏览器

包括IE6在内的浏览器是使用onmousewheel，而FireFox浏览器一我的使用DOMMouseScroll. 经本身测试，即便如今FireFox 19下，也是不识onmousewheel。测试

在其余派中检测滚动数值的属性是wheelDelta ，向上滚为120，向下为-120。spa

在火狐中检测滚动数值的属性是detail，向上滚为-3，向下为3。code

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <script> document.onmousewheel = function(event){ ev = event || window.event; alert(ev.wheelDelta); if(ev.wheelDelta > 0){//120
                    alert('上') }else(//-120
                    alert('下') ) } document.addEventListener("DOMMouseScroll", function(ev) { alert(ev.detail); if(ev.detail < 0){//-3
                    alert('上') }else(//3
                    alert('下') ) }); </script>
    </body>
</html>