滚轮事件的兼容性差异有些不拘一格，不是以往的IE8-派和其他派，而是FireFox派和其他派。
包括IE6在内的浏览器是使用onmousewheel，而FireFox浏览器一个人使用DOMMouseScroll.
参考文章：
1：http://www.zhangxinxu.com/wordpress/2013/04/js-mousewheel-dommousescroll-event/就死
hongtoushizi
- 浏览: 359460 次
- 性别:
- 来自: 天津
-
最新评论
-
小小西芹菜：
想要建立实时web，推荐GoEasy的web实时推送，他们是专 ...
用node.js(socket.io)实现数据实时推送 -
gaoyaohuachina：
教训的是!
修改linux的用户名 -
hongtoushizi：
gaoyaohuachina 写道不明白你在干吗，改名字直接新 ...
修改linux的用户名 -
gaoyaohuachina：
不明白你在干吗，改名字直接新建一个用户，把原来用户user d ...
修改linux的用户名 -
wukele：
Mark....
总结比较常用实用的js库
相关推荐
其实在大多数浏览器（IE6, IE7, IE8, Opera 10+, Safari 5+）中，都提供了 “mousewheel” 事件。但杯具的是 Firefox 3.5+ 却不支持此事件，不过庆幸 Firefox 3.5+ 中提供了另外一个等同的事件：”DOMMouseScroll” ...
滚轮事件是不同浏览器会有一点点区别，一个像Firefox使用DOMMouseScroll ,ff也可以使用addEventListener方法绑定DomMouseScroll事件，其他的浏览器滚轮事件使用mousewheel，下面我来给大家具体介绍。 Firefox使用...
firefox是按标准实现的,事件名为”DOMMouseScroll “,IE下采用的则是”mousewheel “。当然一行代码就解决了兼容问题 代码如下:var mousewheel = document.all?”mousewheel”:”DOMMouseScroll”; 事件属性，IE是...
本文实例为大家分享了vue实现...使用mousewheel , DOMMouseScroll(火狐用)监听鼠标滚动事件，当鼠标上下的滚动的时候，当前的页面transformY(屏高)或者transformX(屏宽) 代码实现 HTML <div class=fullPa
在IE6, IE7, IE8, Opera 10+, Safari 5+中，都提供了 “mousewheel” 事件，而 Firefox 3.5+ 中提供了一个等同的事件：”DOMMouseScroll”。与mousewheel事件对应的event对象中我们还会用到另一个特殊属性—...
但是火狐却偏偏不支持MouseWheel，而使用无厘头的DOMMouseScroll，这玩意儿除了火狐以外其它浏览器都不兼容。也就是说，对于鼠标滚轮事件的处理，火狐只能使用DOMMouseScroll。而非火狐则只能使用MouseWheel。这两种...
除了Firefox之外的所有浏览器都支持“mousewheel”事件，但Firefox使用“DOMMouseScroll”,而3级DOM事件规范草案建议使用事件名“wheel”替代“mousewheel”。 document.body.onmousewheel = function(event){ ...
/* ==== add mouse wheel events ==== */ if (window.addEventListener) this.oc.addEventListener('DOMMouseScroll', function(e) { this.parent.scroll(-e.detail); }, false); else this.oc....
典型的应用时鼠标滚轮滚动控制图片或者文字的大小，例如此类的转动鼠标滚轮实现缩放等等交互效果中，会用到 Mousewheel 事件。在大多数浏览器（IE6, IE7, IE8, Opera 10+, Safari 5+）中，都提供了 “mousewheel” ...
主要是有两种，onmousewheel（firefox不支持）和DOMMouseScroll（只有firefox支持），关于这两个事件这里不做详述，想要了解的朋友请移步：鼠标滚轮(mousewheel)和DOMMouseScroll事件。 另外在操作的过程中需要添加...
一) 事件名称不相同 IE, KHTML(Safari, Chrome), Opera对应的事件名称是 “mousewheel”。而 Gecko(Firefox, Netscape) 对应的事件名称是 “DOMMouseScroll”。 二) 事件对象的属性不一样 有时我们需要知道用户是...
JS： 代码如下:(function(win){ var ... ‘mousewheel’ : ‘DOMMouseScroll’; var skyScroll = function(opts){ return new skyScroll.prototype.init(opts);}; skyScroll.prototype = { constructor:skyScroll, /
$(function(){ $(“.body img”).each(function(){ if($.browser.msie){ $(this).bind(“mousewheel”,function(e){ var e=e||event,v=e.wheelDelta||e.detail; if(v>0) resizeImg(this,false);//放大图片
chrome:mousewheel 哎真是无语 滚动的返回值也是不一样的 firfox用detail 返回 +-3 其他的用wheelDelta 返回 +-120 有返回值判断滚动的方向 还有一般浏览器除了chrome判断页面的左移动用documen
2、针对第二个需求，定义鼠标的滚动事件mousewheel(在ff下事件为DOMMouseScroll)，当时自己琢磨了半天用各种方法计算，但效果始终无法达到要求，后来分析了百度的实现源码恍然大悟，具体实现参考下图和代码部分。