zoukankan      html  css  js  c++  java
  • 滚轮事件onmousewheel

    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 ) ;
     
     
  • 相关阅读:
    利用Redis和Flask维护一个通用爬虫代理池
    在scrapy_splash中加载本地Cookies
    Splash对接Scrapy
    Selenium和pymongo的简单复习
    Scrapy框架
    web.xml is missing and <failOnMissingWebXml> is set to true
    深入Mybatis配置文件
    SSH和SSM的比较
    classpath路径指什么
    数据库范式
  • 原文地址:https://www.cnblogs.com/Huan-klyj/p/5865954.html
Copyright © 2011-2022 走看看