javascript - 鼠标滚轮中的增量没有结果

Question

我想在 jquery 中创建函数鼠标滚轮，当我想检查增量时，结果总是“未定义”，请帮助我，谢谢这是我的代码

$(document).ready(function(){
$('#container').bind('mousewheel', function(event,delta){
     alert(delta)

});
})

Answer 1

你用什么浏览器测试？绑定鼠标滚轮事件的方法不止一种，并且取决于浏览器将确定在哪里找到增量。在 Firefox 中event.detail，它的值和它的值可以1, 2, -1, -2, etc在您正在查看的非 Firefox 浏览器中，wheelDelta这似乎是您编码的内容。

这里有一个关于鼠标滚轮事件的好资源，这是我在编写 jQuery 鼠标滚轮插件时使用的。

Answer 2

无需编写自己的插件。使用这个脚本，你应该很高兴！

<script type="text/javascript" src="https://raw.github.com/brandonaaron/jquery-mousewheel/master/jquery.mousewheel.js"></script>

演示：http: //jsfiddle.net/dirtyd77/WmwfY/

旁注：只是一个建议，您可能想要使用console.log()而不是alert()将来。