首页 > Web开发 > 详细

JS 封装事件(鼠标事件举例)-封装引入部分

时间:2016-05-28 14:11:56      阅读:143      评论:0      收藏:0      [点我收藏+]
        
        function addScrollEvent(obj,handle){
//obj代表的是将来调用函数时,传递的标签 
//先判断是不是火狐
            var isFF = navigator.userAgent.indexOf("Firefox");
            if(isFF != -1){
                    obj.addEventListener("DOMMouseScroll",scrollfun,false);
                }else{
                    obj.onmousewheel = scrollFun;
            }
        
//上滚轮还是下滚轮
            function scrollFun(event){
                var ev = event || window.event;
//判断事件;IE和非IE,针对事件不同,IE针对window
                var down;
            if(isFF != -1){
                    down = ev.detail > 0;
//火狐,detail>0 表示向下滑
                }else{
                    down = ev.wheelDelta < 0;
//非火狐  wheelDelta<0 向下滑;
                }
                handle(down);
//此处handle是调用父级的函数,down是用了这个子级的参数down
 //在此处调用,相当于外部引用时候的function(down);
                             
            }
                
        }

 

JS 封装事件(鼠标事件举例)-封装引入部分

原文:http://www.cnblogs.com/PowellZhao/p/5537235.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!