当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript 兼容鼠标滚轮事件

Javascript
各种浏览器兼容问题
取得父标签
JS用 或 || 来兼容FireFox!
JavaScript的Function详细
关于IE只能嵌套27层表格的说法证明
xmlHTTP返回值重编码的优化
静态网页加密
来访统计
炽热的文字
发一个分页的js
琥珀无限级联动菜单-JavaScript版
用javascript连接access数据库的方法
用js得到网页中所有的div的id
cloneNode实现表格增加删除效果
支持IE和FF的div＋css选项卡
arguments对象
使两个iframe的高度与内容自适应,且相等
云网广告中的代码，提示出错，大家找找
document.all与WEB标准
表单内同名元素的控制

No. « 31 32 33 34 »

技术文章搜索

关键字

Javascript 中的 javascript 兼容鼠标滚轮事件

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-09-12   浏览: 393 ::
收藏到网摘: n/a

浏览地图时，使用鼠标滚轮来放大和缩小。即用到了滚轮事件。 这个事件在标准下和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);