有时候,我们会使用的监听鼠标的滚轮事件,并且判断是向上滚动还是向下滚动;但是,不同的浏览器有不同的滚轮事件。主要是有两种非标准的事件,onmousewheel(firefox不支持)和DOMMouseScroll(只有firefox支持)。代码如下。 //注册事件的兼容写法 if(document. ...
分类:
其他好文 时间:
2020-07-01 00:08:17
阅读次数:
116
废话不多说,看下面 DOMMouseScroll 这个是FF的早期方法,现在版本的FF依然可以使用(亲测) onmousewheel 这个是Chrome、IE的兼容方法,手动划重点!并且这个方法IE版本全兼容 onwheel 这个方法Chrome、FF兼容,但是IE全不兼容 所以以上方法怎么用应该不 ...
分类:
其他好文 时间:
2019-05-26 18:08:29
阅读次数:
131
$(document).on("mousewheel DOMMouseScroll", function (e) { var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? 1 : -1)) || // ...
分类:
Web程序 时间:
2019-02-18 17:23:35
阅读次数:
234
// jquery 兼容的滚轮事件 $(document).on("mousewheel DOMMouseScroll", function (e) { var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > ...
分类:
Web程序 时间:
2018-03-08 13:59:44
阅读次数:
310
firefox使用DOMMouseScroll,其他浏览器使用mousewheel 首先绑定一个滚动事件 当滚动时获取wheelDelta值,firefox使用detail:值为下滚3上滚-3,其他浏览器使用wheelDelta:值为下滚-120上滚120,通过判断其值为正或者负即可判断鼠标滚轮上滚 ...
分类:
其他好文 时间:
2018-01-25 17:19:49
阅读次数:
160
鼠标滚动事件 关于滚动事件这方面,其实是比较乱的。 滚轮事件的兼容性差异有些不拘一格,不是以往的IE8-派和其他派,而是FireFox派和其他派。 包括IE6在内的浏览器是使用onmousewheel,而FireFox浏览器一个人使用DOMMouseScroll. 经自己测试,即使现在FireFox ...
分类:
其他好文 时间:
2017-07-13 00:59:20
阅读次数:
88
由于浏览器的不同,对鼠标滚轮事件也有所不同,大致可分为DOMMouseScroll 和onmousewheel两类 1.第一类是Firefox支持的DOMMouseScroll事件,此事件必须以addEventListener来绑定,当鼠标滚轮上下滚动时 ev.detail向上为-3,向下为3。 2 ...
分类:
其他好文 时间:
2017-06-19 23:27:59
阅读次数:
176
FireFox以外的浏览器,包括ie6,使用onmousewheel; FireFox使用DOMMouseScroll ...
分类:
其他好文 时间:
2017-05-24 16:05:03
阅读次数:
154
1 // jquery 兼容的滚轮事件 2 $(document).on("mousewheel DOMMouseScroll", function (e) { 3 var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDe... ...
分类:
Web程序 时间:
2017-05-22 16:54:29
阅读次数:
199
这是一个小事件,但当下的WEB应用交互非常丰富,判断鼠标的滚动来执行相应的操作是比较常见的。我用Chrome/IE/Firefox/Opera 4种浏览器做测试,发现只有firefox的处理方法有很大的不同,下面细说一下这个情况: 第1、事件的名称不同 其它浏览器均采用mousewheel做为事件的 ...
分类:
其他好文 时间:
2017-04-09 13:50:59
阅读次数:
188