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);

相关文章

  • JS实现横向跑马灯效果代码

    JS实现横向跑马灯效果代码

    这篇文章主要介绍了JS实现横向跑马灯效果代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-04-04
  • 轻松实现jquery手风琴效果

    轻松实现jquery手风琴效果

    这篇文章主要为大家介绍了实现jquery手风琴效果的详细代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • JS仿淘宝实现的简单滑动门效果代码

    JS仿淘宝实现的简单滑动门效果代码

    这篇文章主要介绍了JS仿淘宝实现的简单滑动门效果,可实现按字母分类滑动切换的功能,非常简单实用,需要的朋友可以参考下
    2015-10-10
  • js操作Xml(向服务器发送Xml,处理服务器返回的Xml)(IE下有效)

    js操作Xml(向服务器发送Xml,处理服务器返回的Xml)(IE下有效)

    js操作Xml(向服务器发送Xml,处理服务器返回的Xml)(暂只IE下有效)
    2009-01-01
  • javascript制作的网页侧边弹出框思路及实现代码

    javascript制作的网页侧边弹出框思路及实现代码

    这篇文章主要介绍了javascript制作的网页侧边弹出框思路及实现代码,需要的朋友可以参考下
    2014-05-05
  • 微信小程序实现简单Tab切换效果

    微信小程序实现简单Tab切换效果

    这篇文章主要为大家详细介绍了微信小程序实现简单Tab切换效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-05-05
  • Lombok实现方式JSR-269

    Lombok实现方式JSR-269

    Lombok的出现帮助开发人员在开发工程中消除了大部分冗余代码:繁琐的get、set方法甚至建造者模式,今天通过本文给大家分享Lombok实现方式JSR-269的相关知识,感兴趣的朋友一起看看吧
    2021-06-06
  • 如何使用webpack打包一个库library的方法步骤

    如何使用webpack打包一个库library的方法步骤

    这篇文章主要介绍了如何使用webpack打包一个库library的方法步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-12-12
  • JavaScript实现可终止轮询请求的方法

    JavaScript实现可终止轮询请求的方法

    轮询请求就是间隔相同的时间(如5s)后不断地向服务端发起同一个接口的请求,当然不能无限次去请求,所以轮询必须要有个停止轮询的机制,今天通过本文给大家介绍JavaScript实现可终止的轮询请求,感兴趣的朋友一起看看吧
    2022-06-06
  • JavaScript中操作字符串小结

    JavaScript中操作字符串小结

    字符串在javascript中几乎无处不在,在你处理用户的输入数据的时候,在读取或设置DOM对象的属性时,在操作cookie时,当然还有更多...。JavaScript的核心部分提供了一组属性和方法用于通用的字符串操作,如分割字符串,改变字符串的大小写,操作子字符串等。
    2015-05-05

最新评论