监听滚轮上下滚动事件

最近写简历想用到监听滚轮上下滚动执行事件的功能,但是搜了很多大多数都是执行滚轮事件,没有判断上下滚动分别监听的时间。


然后看到一篇文章有写到,滚轮移动上下会有一个event里面值发生变化,向下滚动是3,向上滚动是-3。

这个值在firefox里面的是 event.detail。

但在chorme内核是event.wheelDelta,分别对应是-120,120。

所以可以根据这两个值判断上下滚动而实现监听对应的事件。

还有兼容性问题也要注意,这就不细说了。


参考资料 :http://www.zhangxinxu.com/wordpress/2013/04/js-mousewheel-dommousescroll-event/

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 13.1 事件流 “DOM2级事件”规定事件流包括3个阶段:事件捕获阶段,处于目标阶段,事件冒泡阶段。事件捕获表示...
    Elevens_regret阅读 3,339评论 0 0
  • 事件类型 Web 浏览器中可能发生的事件有很多类型UI事件:当用户与界面上的元素交互时触发。焦点事件:当元素获得或...
    shanruopeng阅读 4,479评论 0 0
  • 事件处理程序在应用中是必不可少的,虽然现在很多框架都有自己实现事件处理方法,但是熟知原生才能让我们应对各种各样的需...
    俗三疯阅读 2,507评论 0 1
  • 事件流: 事件流:页面接收事件的顺序。 IE定义的:事件冒泡流(由最具体的元素依次传播到DOM树的最上层的Docu...
    xiaoguo16阅读 3,725评论 0 0
  • 爱的表达方式有很多,爱应该深藏心底还是毫无保留的表达出来?无论采用哪种方式,都是内心对爱最真实的表达。 001.肯...
    芳芳郁金香_1e19阅读 2,224评论 1 4

友情链接更多精彩内容