我想通过绑定一个mousewheel
事件来确定用户“滚动鼠标”的方向。
您可以在以下代码片段中看到,在灰色矩形上滚动鼠标时,事件会触发。
HTML
<div class="rect"></div>
<div>
Mousewheel event state :
<label class="event-state-mousewheel">Triggered !</label>
</div>
CSS
.rect {
width : 200px;
height : 200px;
background-color : lightgrey;
}
.event-state-mousewheel {
color : red;
display : none;
}
JavaScript
$(function() {
$('.rect').on('mousewheel', function(event) {
$(".event-state-mousewheel").stop(true, false).fadeIn(250).fadeOut(250);
});
});
问题
我找不到获取方向的方法。我尝试调试触发事件时返回的对象,但由于其中元素的数量巨大,它太难调试了。
问题
是否有一个公式可以使用这些元素(从返回的对象中)来获取鼠标滚轮的方向?
或者是否有一个像 $("#element").on("mousewheeltop")
这样的事件?
注意
我希望尽可能不使用任何其他外部插件,只使用 JQuery。
.mousewheel
更改为.wheel
后,警报框始终返回down
,即使向上滚动也是如此。 - undefineddown
,但Chrome显示了正确的方向。 - undefined