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/>");
});
});