jquery 响应不同浏览器 鼠标滚轮上下滚动事件 相对的操作
2013-01-08 11:11
676 查看
/*********************** * 函数:绑定鼠标滚轮上下滚动事件 相对的操作 * 参数:event * 返回:滚轮方向 1:向上 -1:向下 * FireFox 向上滑动detail值为—3,向下为3; * Ie 向上滑动wheelDelta 值为120,向下为-120 *************************/ var scrollFunc=function(e){ //var direct=0; e=e || window.event; if(e.wheelDelta){//IE/Opera/Chrome if(e.wheelDelta==120) { //向上滚动事件 } else { //向下滚动事件} }else if(e.detail){//Firefox if(e.detail==-3) { //向上滚动事件
} else { //向下滚动事件
} } //ScrollText(direct); } /*注册事件*/
if(document.addEventListener)
{ document.addEventListener('DOMMouseScroll',scrollFunc,false); }//W3Cwindow.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome
相关文章推荐
- 兼容各浏览器获取鼠标滚轮上下滚动事件
- js鼠标滚轮上下滚动监听事件应用实例(跨浏览器,亲测)
- js鼠标滚轮上下滚动监听事件应用实例(跨浏览器,亲测)
- 基于jquery固定于顶部的导航响应浏览器滚动条事件
- 针对不同浏览器的事件绑定以及鼠标滚轮事件
- Mousewheel——响应跨浏览器的鼠标滚轮事件
- jquery的鼠标滚轮插件 Mousewheel响应跨浏览器的鼠标滚轮事件
- javascript滚动条响应鼠标滑轮的实现上下滚动事件
- 让TscrollBox响应鼠标滚轮的滚动事件
- 配合鼠标滚轮事件的可自定义样式的区域滚动条插件(基于jquery)
- jquery监听鼠标滚轮(滚动)事件
- javascript滚动栏响应鼠标滑轮的实现上下滚动事件
- 滚动条响应鼠标滑轮事件实现上下滚动的js代码
- Delphi 拦截滚轮事件不响应滚轮的上下滚动
- 绑定鼠标滚轮上下滚动事件
- jQuery屏蔽浏览器的滚动事件,定义自己的滚轮事件
- jquery的鼠标滚轮插件 Mousewheel响应跨浏览器的鼠标滚轮事件
- 滚动条响应鼠标滑轮事件实现上下滚动的js代码
- Delphi 拦截滚轮事件不响应滚轮的上下滚动
- javascript滚动栏响应鼠标滑轮的实现上下滚动事件