jQuery Mousewheel 基本使用

单淳
2023-12-01

jQuery Mousewheel提供了对鼠标滚轮事件的支持。

现对其基本使用做简单介绍。具体参考以下代码:

	$(document).ready(function(){
		$("div").mousewheel(function(event,delta){
			//鼠标位置信息
			$("span").append("event.pageX="+event.pageX +"<br/>");
			$("span").append("event.pageY="+event.pageY +"<br/>");
			//鼠标垂直滚动方向判断
			$("span").append("delta="+delta +"<br/>");
			//鼠标垂直与水平滚动方向判断,X为水平方向,Y为垂直方向
			$("span").append("event.deltaX="+event.deltaX +"<br/>");
			$("span").append("event.deltaY="+event.deltaY +"<br/>");			
			//鼠标滚动量的值,该值与鼠标驱动里的设置相关
			$("span").append("event.deltaFactor ="+event.deltaFactor  +"<br/>");
		});		
	});


 类似资料: