JavaScript鼠标滚轮事件

鼠标滚轮事件的实现:javascript

<script type="text/javascript">
	var daxi = function(e) {
		e = e || window.event;
		if (e.wheelDelta) { //判断浏览器IE,谷歌滑轮事件 
			if (e.wheelDelta > 0) { //当滑轮向上滚动时 
				console.log("滑轮向上滚动");
			}
			if (e.wheelDelta < 0) { //当滑轮向下滚动时 
				console.log("滑轮向下滚动");
			}
		} else if (e.detail) { //Firefox滑轮事件 
			if (e.detail > 0) { //当滑轮向上滚动时 
				console.log("滑轮向上滚动");
			}
			if (e.detail < 0) { //当滑轮向下滚动时 
				console.log("滑轮向下滚动");
			}
		}
	}
	//给页面绑定滑轮滚动事件 
	//滚动滑轮触发daxi方法 //ie 谷歌 
	window.onmousewheel = daxi;
</script>
相关文章
相关标签/搜索