javascript鼠标滚动事件

最新推荐文章于 2023-04-11 18:11:00 发布

原创最新推荐文章于 2023-04-11 18:11:00 发布 · 513 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#鼠标滚动事件 #javascript

javascript 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一个JavaScript函数，用于监听并处理浏览器中的滑轮事件。该函数可以识别不同方向的滚动，并在滑轮向上或向下滚动时触发相应的警告消息。

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

欢迎各位朋友！

var scrollFunc = function(e) {
		var direct = 0;   
		e = e || window.event;   
		if(e.stopPropagation) e.stopPropagation();   
		else e.cancelBubble = true;   
		if(e.preventDefault) e.preventDefault();      
		else e.returnValue = false;      
		if(e.wheelDelta) {  //判断浏览器IE，谷歌滑轮事件   
			        
			if(e.wheelDelta > 0) { //当滑轮向上滚动时
				          
				alert("滑轮向上滚动");          
			}          
			if(e.wheelDelta < 0) { //当滑轮向下滚动时
				          
				alert("滑轮向下滚动");          
			}        
		} else if(e.detail) {  //Firefox滑轮事件
			          
			if(e.detail > 0) { //当滑轮向上滚动时
				          
				alert("滑轮向上滚动");        
			}        
			if(e.detail < 0) { //当滑轮向下滚动时
				          
				alert("滑轮向下滚动");        
			}
		}
		return false
	}

	if(document.addEventListener) {
		document.addEventListener('DOMMouseScroll', scrollFunc, false);
	}
	//IE及其他浏览器
	window.onmousewheel = document.onmousewheel = scrollFunc;