zoukankan      html  css  js  c++  java
  • 鼠标滚动事件

    鼠标滚动事件

    关于滚动事件这方面,其实是比较乱的。

    滚轮事件的兼容性差异有些不拘一格,不是以往的IE8-派和其他派,而是FireFox派和其他派。

    包括IE6在内的浏览器是使用onmousewheel,而FireFox浏览器一个人使用DOMMouseScroll. 经自己测试,即使现在FireFox 19下,也是不识onmousewheel

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

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

    <!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>
     
  • 相关阅读:
    axios解决调用后端接口跨域问题
    vuex的使用入门-官方用例
    vue使用axios实现前后端通信
    vue组件间通信用例
    vue-router的访问权限管理
    vue-router使用入门
    PHP 流程控制
    PHP 表达式和运算符
    PHP 预定义变量
    PHP 常量
  • 原文地址:https://www.cnblogs.com/Coding--Peasant/p/7157968.html
Copyright © 2011-2022 走看看