标签：wheelHander 滚轮 判断 滚动 DOMMouseScroll 方向 document event onwheel

火狐已经支持最新鼠标滚轮事件的标准，支持统一方法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{//向下滚动})

   }
}

标签：wheelHander,滚轮,判断,滚动,DOMMouseScroll,方向,document,event,onwheel
来源： https://www.cnblogs.com/taozhibin/p/13094366.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。