js鼠标滚轮事件兼容
来源:互联网 发布:网络用语2016最新 编辑:程序博客网 时间:2024/05/17 19:59
问题:
滚轮事件
* onmousewheel
* 不兼容火狐
*
* DOMMouseScroll
* 只支持火狐
*
* e.wheelDelta;(120的倍数)
* 记录滚动事件的方向
* 负值是往后拉
* 正值就是往前推
* 不支持火狐
*
* e.detail;(3的倍数)
* 记录滚动事件的方向
* 负值是往后拉
* 正值就是往前推
* 只支持火狐
**
兼容
**
1.添加事件,IE与主流浏览器兼容
2.滚轮事件,火狐与其他浏览器兼容
3.滚轮方向,火狐与其他浏览器兼容
mousewheel(document,function (e,d) { if(d>0){ box.innerHTML +="拉近"+d }else{ box.innerHTML +="推开"+d } return false;//清除默认事件 }); function mousewheel(obj,fn) { function eFn(e) { e = e || window.event; /*var d = -e.wheelDelta/120||e.detail/3; fn.call(this,e,d)*/ if(fn.call(this,e,-e.wheelDelta/120||e.detail/3)===false)!-[1,]?e.returnValue=false:e.preventDefault();//清除默认事件,不支持return false //alert(fn.call(this,e,-e.wheelDelta/120||e.detail/3)===false) }//document.onmousewheel===null,当为非火狐(IE,谷歌)为null var eName = document.onmousewheel===null?"mousewheel":"DOMMouseScroll"; document.addEventListener?obj.addEventListener(eName,eFn):obj.attachEvent("on"+eName,eFn) }
阅读全文
0 0
- js鼠标滚轮事件兼容
- 兼容鼠标滚轮事件
- 鼠标滚轮事件及其兼容
- 【Js】鼠标滚轮事件
- js鼠标滚轮事件
- js 鼠标滚轮事件
- JS事件-鼠标滚轮事件
- JS。某鼠标滚轮事件。
- js中的鼠标滚轮事件
- JS禁用鼠标滚轮事件
- JS禁用鼠标滚轮事件
- js的鼠标滚轮事件
- JS鼠标与滚轮事件
- js鼠标滚轮事件详解(全兼容ie、chrome、firefox)实现图片缩放
- js中鼠标滚轮事件详解
- js中鼠标滚轮事件详解
- 【js学习笔记-095】----鼠标滚轮事件
- js中鼠标滚轮事件详解
- redhat6更改centos yum源
- 10.5考试总结
- c#读取csv文件成DataTable,将DataTable数据存储为csv格式文件
- vim的配置(适合编程)
- JAVA面向对象编程——多态
- js鼠标滚轮事件兼容
- 百度2017春招笔试的部分编程题
- python实战游戏开发——安装pygame
- java面试题(上)
- 函数名做实参传递及程序实例
- Hibernate的CURD操作
- 单链表构成及其示例
- spark性能调优之数据倾斜优化
- 了解hibernate.propertites文件