码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-05-28 14:12:47      阅读:209      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!