鼠标滚轮的兼容写法
2016-03-10 18:04
337 查看
var addMouseWheelHandler = function(){ if (document.addEventListener) { document.addEventListener('mousewheel', MouseWheelHandler, false); //IE9, Chrome, Safari, Oper document.addEventListener('wheel', MouseWheelHandler, false); //Firefox document.addEventListener('DOMMouseScroll', MouseWheelHandler, false); //Old Firefox } else { document.attachEvent('onmousewheel', MouseWheelHandler); //IE 6/7/8 } }, removeMouseWheelHandler = function(){ if (document.addEventListener) { document.removeEventListener('mousewheel', MouseWheelHandler, false); //IE9, Chrome, Safari, Oper document.removeEventListener('wheel', MouseWheelHandler, false); //Firefox document.removeEventListener('DOMMouseScroll', MouseWheelHandler, false); //old Firefox } else { document.detachEvent('onmousewheel', MouseWheelHandler); //IE 6/7/8 } }, stopDefault = function(e) { //W3C if ( e && e.preventDefault ) e.preventDefault(); //IE else window.event.returnValue = false; return false; }, MouseWheelHandler = function(e) {//滚动后的处理函数 stopDefault(e); var e = e || window.event, value = e.wheelDelta || -e.deltaY || -e.detail, delta = Math.max(-1, Math.min(1, value)); if (delta < 0) {//scrolling down console.log("下滑") }else {//scrolling up console.log("上滑") } }; //调用 addMouseWheelHandler(); </script>
相关文章推荐
- iOS开发Xcode断点调试技巧
- window 下安装redis
- GreenDao初步探索(一 )
- HDU 1.2.2 Box of Bricks
- angular入门学习之三
- HDU 1.2.1 hide handkerchief
- 八爪鱼数据采集器的使用
- 基于kubernetes构建Docker集群管理详解
- 取消GridView 的点击效果
- linux下常见网络故障的处理思路
- Linux基础--文件查找
- 使用Java VisualVM监控远程JVM
- 【POJ】1753 - Flip Game(bfs,枚举)
- HDU 1.1.8 A+B for Input-Output Practice (VIII)
- 《THINKING IN JAVA》随笔
- 关于“业界最佳实践”的一些想法
- Spark的性能调优
- 什么是函数对象?
- Power Designer反向数据库时遇到sqlstate=37000或SQLSTATE=42S02错误,解决方案!
- Django--model模型绑定_数据库操作