首页 > 其他 > 详细

兼容各浏览器的鼠标滚轮事件

时间:2015-10-20 22:49:32      阅读:307      评论:0      收藏:0      [点我收藏+]

今天趁着工作闲暇的时间,写了一个简单的兼容各浏览器的鼠标滚轮方法:

代码:

    function mouseWheel(){

        if(document.addEventListener){

            document.body.addEventListener(‘mousewheel‘,function(e){
                Detail(e);
                e.stopPropagation();
                e.preventDefalut();
            });

            document.body.addEventListener(‘DOMMouseScroll‘,function(e){
                Detail(e);
                e.stopPropagation();
                e.preventDefault();
            })
        }else{
            document.body.attachEvent(‘onmousewheel‘,function(event){
                Detail(event);
                event.cancelBubble=true;
                event.returnValue=false;
            })
        }

        function Detail(e){
            ((-e.detail || e.wheelDelta)>0)?alert(‘top‘):alert(‘down‘);
        }
    }

 

兼容各浏览器的鼠标滚轮事件

原文:http://www.cnblogs.com/HCJJ/p/4896261.html

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