zoukankan      html  css  js  c++  java
  • 判断鼠标滚动(滚动条)方向(wheelDelta和detail)

    最近一直想做一个全屏切换的一个效果:发现自己好像啥都没准备好,这里是一个判断滚动条方向的小例子,正好也为自己的全屏切换做准备。

    wheelDelta和detail是判断鼠标滚动方向的指标,区别是:

    wheelDelta的值为正(120.240...)则是鼠标向上;为负(-120,-240)则是向下。

    detail则是相反的,数值不一样。

    它俩针对的是不同浏览器,具体啥浏览器。只能求助百度了。

    接下来是事件,毕竟我们要监控鼠标滚动的。

    mousewheel(wheel)和DOMMouseScroll不同浏览器监测鼠标滚动

    例子:

    html代码:

     没有

    javascript代码:

    window.onload = function(){
    function test(){ var e = e || window.event; if(e.wheelDelta){ alert(e.wheelDelta); }else if(e.detail){ alert(e.detail); } }; document.DOMMouseScroll = function(){ test(); } document.onmousewheel = function(){ test(); }
    }

    这样就好了。

    这些也是我研究别人代码整理的,很粗糙。当作一种笔记,下回自己看到了能很快的想起吧!

    高手勿喷,谢谢!

  • 相关阅读:
    闰年的定义
    Sublime Text 3
    维特比算法(Viterbi)
    索引
    倒排索引
    URL过滤
    判断一个元素是否在集合中
    布隆过滤器
    jsp九大内置对象
    jsp九大内置对象和其作用详解
  • 原文地址:https://www.cnblogs.com/ash-sky/p/9590776.html
Copyright © 2011-2022 走看看