zoukankan      html  css  js  c++  java
  • 判断滚轮方向

    火狐已经支持最新鼠标滚轮事件的标准,支持统一方法onwhell方法,但是ie11没有支持onwheel方法

    1,在火狐下

         a,如果绑定事件DOMMouseScroll,document.addEventListener("DOMMouseScroll",wheelHander,false);

       则event.detail>0向下滚动,小于0向上滚动

         b,如果绑定事件onwheel,   document.onwheel=wheelHander;

           event.deltaY>0向下滚动,小于0向上滚动

    2,在ie11下

         绑定document.onmousewheel事件

          event.wheelDelta<0向下滚动  

    并且event.detail*-40=event.wheelDelta;

    所以综合判断滚动条是向上还是向下,由于火狐最新版本即支持DOMMouseScroll也支持onwheel,onwheel是未来将要统一支持的,所以在不能统一用onwheel用DOMMouseScroll,来消除事件重复计算

    document.onmousewheel=wheelHander;  //在ie下有效
    if(isFirefox)document.addEventListener("DOMMouseScroll",wheelHander,false);

    function wheelHander(event){
       event = event || window.event;
      if(event.wheelDelta){

      if(event.wheelDelta>0){//向上滚动}else{//向下}  

       }else if (event.detail){

      if(event.detail>0{//向下滚动})

       }
    }

  • 相关阅读:
    openstack o版本自动化脚本安装
    定时关机重启
    centos7.2 安装openstack
    Ubuntu 16.03 apt-get更换为国内阿里云源
    centos7 安装php7+mysql5.7+nginx+redis
    centos7 安装LNMP7
    多个路由器配置静态路由 简单
    puppet笔记
    MySQL备份与恢复实战案例及生产方案
    WAF:web应用防火墙
  • 原文地址:https://www.cnblogs.com/taozhibin/p/13094366.html
Copyright © 2011-2022 走看看