javascript 兼容鼠标滚轮事件
更新时间：2009年04月07日 21:40:14 作者：
浏览地图时，使用鼠标滚轮来放大和缩小。即用到了滚轮事件。
这个事件在标准下和IE下是有区别的。firefox是按标准实现的,事件名为"DOMMouseScroll ",IE下采用的则是"mousewheel "。
当然一行代码就解决了兼容问题
var mousewheel = document.all?"mousewheel":"DOMMouseScroll";
事件属性，IE是event.wheelDelta，Firefox是event.detail 属性的方向值也不一样，IE向上滚 > 0，Firefox向下滚 > 0。
最新的jquery1.3.2仍然没有增加滚轮事件，但可以用jquery的bind去绑定任何事件，当然得加上上面那句。
不过jquery有个插件已经加上了该功能。见http://brandonaaron.net/code/mousewheel/demos
这样使用：
$('div.mousewheel_example').mousewheel(fn);
$('div.mousewheel_example').bind('mousewheel', fn);
当然一行代码就解决了兼容问题
复制代码 代码如下:
var mousewheel = document.all?"mousewheel":"DOMMouseScroll";
事件属性，IE是event.wheelDelta，Firefox是event.detail 属性的方向值也不一样，IE向上滚 > 0，Firefox向下滚 > 0。
最新的jquery1.3.2仍然没有增加滚轮事件，但可以用jquery的bind去绑定任何事件，当然得加上上面那句。
不过jquery有个插件已经加上了该功能。见http://brandonaaron.net/code/mousewheel/demos
这样使用：
复制代码 代码如下:
$('div.mousewheel_example').mousewheel(fn);
$('div.mousewheel_example').bind('mousewheel', fn);
相关文章
关于JAVASCRIPT urldecode URL解码的问题
JS要实现单纯的编码解码轻而易举，escape、unescape就搞定，但是遇到不是完整的URL转码，就没办法了2012-01-01
JavaScript es6中var、let以及const三者区别案例详解
这篇文章主要介绍了JavaScript es6中var、let以及const三者区别案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下2021-08-08
document.documentElement和document.body区别介绍
body是DOM对象里的body子节点，即body标签，documentElement 是整个节点树的根节点root，详细介绍请看本文，感兴趣的朋友可以参考下2013-09-09
在进行微信公众账号开发的时候，需要知道当前的浏览器是微信内置的浏览器，那么如何判断呢？这是就只有通过浏览器的User Agent来进行判断了2014-09-09
这篇文章主要介绍了微信小程序新闻网站详情页的实例代码，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2020-01-01
有时候你发出去的图片局部不想别别人看见，那么最简单的办法就是在你想要处理的地方打上马赛克，这篇文章主要介绍了js给图片打马赛克的方法示例，感兴趣的可以了解一下2021-05-05
非常不错的可以选择多个矩形块的功能代码2008-11-11
一个字符串String=“adadfdfseffserfefsefseetsdg”，找出里面出现次数最多的字母和出现的次数。 经典的解答思路为：取出字符串的第一个字符（首字母），利用的字符串的 replace 方法将符合正则表达式（第一个字符）替代为空，此字母出现的次数为原始的字符串长度减去替代后的字符串长度。循环迭代找出长度最长的字母。2008-03-03
HTML中不支持静态Expando的元素的问题...2007-03-03
这篇文章主要为大家详细介绍了JavaScript实现页面无操作倒计时退出,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
最新评论