鼠标滚轮事件(mousewheel 与 DOMMouseScroll)

摘要:
-1:1));// Firefox if{//Roll-up console.log;}Elseif{//向下滚动console.log;}})

FF使用DOMMouseScroll,其他浏览器都是用mousewheel


FF下有个特殊属性event.detail,表示滚动的值
event.detail
正数:向下滚动,负数:向上滚动
滚动一次值3,向上滚动一页值为-32768,向下滚动一页值为+32768,其他值代表滚动的行数, 方向代表了数值的正负号
受信任的事件是不会给detail赋值0
 
其他浏览器,通过event.wheelDelta获取滚动值
正数:向上滚动,负数:向下滚动
滚动一次值120
 
  $(".s-slider").on("mousewheel DOMMouseScroll", function (e) {
                console.log(e);
                var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? 1 : -1)) ||  // chrome & ie
                    (e.originalEvent.detail && (e.originalEvent.detail > 0 ? -1 : 1));              // firefox


                if (delta > 0) {
                    // 向上滚
                    console.log("wheelup");
                
                } else if (delta < 0) {
                    // 向下滚
                    console.log("wheeldown");             
                    
                }
            })

  

免责声明:文章转载自《鼠标滚轮事件(mousewheel 与 DOMMouseScroll)》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇SpringBoot2.0--- 多数据源配置06、应用程序资源(ApplicationResources 上)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

Android开发者选项——Gpu呈现模式分析

对于Android用户来说,无论你用的什么品牌的手机,在开发者选项中都能发现“玄学曲线”的开关,之所以称其为玄学曲线,还是因为它被很多网友用于测试一个说不清道不明的东西——流畅度。说到玄学曲线其实它的真名叫做“ProfileGPURendering”,在中文安卓系统下译为“GPU显示配置文件”或“GPU呈现模式分析”等,根据不同厂商定制系统叫法稍有不同。...

springMVC使用map接收入参 + mybatis使用map 传入查询参数

测试示例:控制器层使用映射来接收请求参数。从Debug中可以看到,请求中的参数值都是字符串形式。如果接收参数的映射直接传输到服务,mybatis将在接收参数时报告错误。因此,您需要首先对请求中的参数1packageorg.slsale进行预处理。测验23导入java.util。日期4导入java.util。HashMap;5导入java.ut...

TensorRT在ubuntu18.04的安装

安装TensorRT前需要安装Cuda和cudnn,安装步骤可以参考ubuntu安装cuda和cudnn。...

SQL中一次插入多条数据

SQL中insert一次可以插入一条数据,我们有三种方法可以一次性插入多条数据。在此处还有一些有趣的问题,当我使用以下代码来插入多条数据时:selecttop0*intonewstudentfromstudentinsertintonewstudentselect*fromstudent这里会发生这样的报错:因为NewClass表中ClassId为标识列,所...

Google Drive 里的文件下载的方法

Google Drive不提供创建直接下载链接的选项,但您可以通过更改链接形式在本地保存共享内容。例如,通过Google Drive共享的文件链接是:https://drive.google.com/file/d/FILE_ID/edit?usp=sharing如果您将其更改为以下修改版本,然后通过浏览器打开,则将直接下载该文件:https://drive....

DPDK开发环境搭建(学会了步骤适合各版本)

http://core.dpdk.org/doc/archives/我在CentOS 7.364位开发,最终选择了dpdk-18.11版本。至少有两个内核,以便于线程隔离和后续程序的绑定。可根据实际情况进行配置。请注意,为了运行测试用例,必须绑定至少两个端口以再次检查。发现他们已绑定到dpdk驱动程序。...