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>
相關文章
相關標籤/搜索