zoukankan      html  css  js  c++  java
  • js 页面无滚动条添加滚轮事件

    当页面无滚动条时,滑动滚轮时window.onscroll事件不会相应,此时应该去添加滚轮事件

    var MouseWheelHandler=function(e){
    e.preventDefault();
    e=window.event||e;
    var value;
    if(e.wheelDelta)
    value=e.wheelDelta;
    else if(e.detail)
    value=-e.detail;
    }
    var addMouseWheelHandler=function(){
    if(document.attachEvent)
    document.attachEvent('onmousewheel',MouseWheelHandler);
    else if(document.addEventListener)
    document.addEventListener('DOMMouseScroll',MouseWheelHandler,false);
    else
    document.addEventListener('mousewheel',MouseWheelHandler,false);
    }
    addMouseWheelHandler();

    在IE、chrome、opera、safari、firefox中已测试chrome、ie、Firefox可用,

    其中要注意的是,Firefox中是通过e.detail来判断滚轮方向,且e.detail=-3方向向上,e.detail=3方向向下

    IE、chrome中通过e.wheelDelta判断滚轮方向,e.wheelDelta=120方向向上,e.wheelDelta=-120方向向下

    但是,当页面有滚动条时要注意,原始的滚轮事件会失效

  • 相关阅读:
    上采样和下采样
    二、决策树算法
    一、实现贝叶斯算法
    Centos7 安装vscode
    Centos安装IDEA
    Centos设置自带中文输入法
    Centos 安装mysql
    Centos,tomcat
    Centos 7 安装JDK
    Centos7 安装rar,unrar,zip,unzip
  • 原文地址:https://www.cnblogs.com/liuyfl/p/4726762.html
Copyright © 2011-2022 走看看