zoukankan      html  css  js  c++  java
  • 滚轮事件小封装

    作为一名前端程序猿,工作久了,会不会经常觉着.....啊!实现这样的效果我之前写过,于是我翻找之前的代码拿来用,可是,可是,好像要改的地方好多,似乎不如重写一遍呢...这时候,我们才会反思是不是之前写的代码多思考一下,封装起来,下次不是省好多事嘛,今天就分享一下我对滚轮事件的小封装,下次用起来是不感觉so爽so easy呢!!接下来,上代码

                                                                                                 //封装的代码

    function MouseWheelHandle(obj,handle){

    var info=navigator.userAgent;

    var down=null;

    if(info.indexOf("Firefox")!=-1){

    obj.addEventListener("DOMMouseScroll",function(event){

    var ev=event||window.event;

    if(ev.detail>0){

    down=true;

    }else{

    down=false;

    }

    handle.apply(obj,[down,ev])

    },false)

    }else{

    obj.onmousewheel=function(event){

    var ev=event||window.event;

    if(ev.wheelDelta>0){

    down=false;

    }else{

    down=true;

    }

    handle.call(obj,down,ev)

    } 

    } 

    }

    //使用

    var box=document.getElementById("box");

    box.onmousewheelhandle=function(down){

    //这里实现我们想要实现的效果

    }

  • 相关阅读:
    Dockerfile指令
    oracle--ORA-38760
    守护进程--Supervisor
    oracle--sqlplus格式化输出
    oracle--10.2.0.3升级到11.2.0.4
    oracle--ORA-27125
    oracle--10安装问题
    oracle--CKPT
    oracle--LGWR
    Oracle--SMON
  • 原文地址:https://www.cnblogs.com/melry/p/6254082.html
Copyright © 2011-2022 走看看