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

滚轮事件onmousewheel

时间:2016-09-12 20:27:41      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:

1、滚动条事件 : document.onscroll  = function() { } 
 
2、滚轮事件 :document.onmousewheel = function (){ }  firefox 不支持)
(1) event.wheelDelta > 0 :滚轮向上
        (120)

(2) event.wheelDelta < 0 :滚轮向下
        (-120)
 
DOMMouseScroll (使用addEventListener事件绑定)
   (event.detail < 0:滚轮向上,event.detail > 0:滚轮向下)【firefox支持方法】
 
 
使用call引用对象 ,兼容火狐的滚轮事件
function  scroll (obj , fun ){
    var down = 0;
    if( window.navigator.userAgent.indexof( "Firefox" ) > -1 ){
        obj.addEventListent ("DOMMouseScroll",fun_Nei , false );
    }else {
        obj.onmousewheel = fun_Nei ;
    }
    function fun_Nei (event ,down ){
        if( event.detail ){
            down += event.detail ; 
        }else{
            down += event.wheelDetail ;
        }
    }
    if(window.stopPropagation)
    {
        stopPropagation();
    }else {
        window.cancelBubble = true ; 
    }
    return false ; 
}
 
在其他地方,scroll() 函数外或另一个html文档里引用 scroll():
(1) :scroll ( 【document或具体对象】,   function (event , down ) {
    .....使用down的值......
});
(2):function hans(event , down ) {
                    .....使用down的值......
             }
            scroll ( document【或具体对象】,  hans ) ;
 
 

滚轮事件onmousewheel

标签:

原文地址:http://www.cnblogs.com/Huan-klyj/p/5865954.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!