码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-10-20 22:51:01      阅读:256      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!