滚轮事件

最新推荐文章于 2024-08-31 10:00:00 发布

weixin_30466953

最新推荐文章于 2024-08-31 10:00:00 发布

阅读量76

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/2515593227blog/p/6566884.html

本文介绍了一种在不同浏览器中实现统一鼠标滚轮事件监听的方法。通过JavaScript代码，该方法能够在Chrome、IE和Firefox等浏览器中正确判断鼠标滚轮滚动的方向，并输出相应的日志信息。

function mousewheel(obj, eFn) {
				document.onmousewheel === null ? obj.onmousewheel = eFn : obj.addEventListener('DOMMouseScroll', eFn);
			}
			var oImg = document.getElementById('box');
			mousewheel(oImg, function(e) {
				e = e || window.event;
				//console.log(e.wheelDelta); //在chrome和IE里，120的倍数，负值代表向下滚轮（贴近胸），正值代表向上滚轮（往上推）
				//console.log(e.detail); //在firefox里，3的倍数，负值代表向上滚轮（往上推），正值代表向下滚轮（贴近胸）
				var delta = e.wheelDelta / 120 || -e.detail / 3; //判断delta的正负就可以知道向上滚轮还是向下滚轮;1为向上，-1为向下
				if(delta == 1) {
					console.log("UP");
				} else {
					console.log("Down");
				}
			});

转载于:https://www.cnblogs.com/2515593227blog/p/6566884.html