兼容firefox的鼠标滚轮事件

最新推荐文章于 2021-05-13 09:59:26 发布

转载最新推荐文章于 2021-05-13 09:59:26 发布 · 371 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/vidy/p/4906237.html

文章标签：

#javascript #ViewUI

本文介绍了一种在不同浏览器中监听鼠标滚轮事件的方法，并提供了兼容IE和Firefox的示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function addMouseWheel(obj,fn,preventDefault){
	//添加绑定
	if(window.navigator.userAgent.toLowerCase().indexOf("firefox") != -1){
		obj.addEventListener("DOMMouseScroll",fnWheel,false);	
	} else {
		obj.onmousewheel = fnWheel;
	}
	
	function fnWheel(ev){
		var oEvent = ev || event;
		var bDown = true;//下
		if(oEvent.wheelDelta){//ie chrome
			console.log(oEvent.wheelDelta)
			bDown = oEvent.wheelDelta > 0 ? false:true;
		} else {//ff
			console.log(oEvent.detail)
			bDown = oEvent.detail > 0 ? true:false;
		}
		(typeof fn == "function") && fn(bDown);
		if(preventDefault){
			oEvent.preventDefault && oEvent.preventDefault();
			return false;
		}
	}
}

转载于:https://www.cnblogs.com/vidy/p/4906237.html