手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >javascript 兼容鼠标滚轮事件
javascript 兼容鼠标滚轮事件
摘要:这个事件在标准下和IE下是有区别的。firefox是按标准实现的,事件名为"DOMMouseScroll",IE下采用的则是"mousewh...

这个事件在标准下和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);

【javascript 兼容鼠标滚轮事件】相关文章:

Javascript中For In语句用法实例

javascript实现行拖动的方法

javascript实现炫酷的拖动分页

浅谈javascript事件取消和阻止冒泡

Javascript 高阶函数使用介绍

JavaScript AOP编程实例

javascript 动态添加表格行

JavaScript实现鼠标拖动效果的方法

javascript用函数实现对象的方法

JavaScript检测鼠标移动方向的方法

精品推荐
分类导航