JavaScript：鼠标滚轮事件在文本框上方时不会触发

Question

我需要一些帮助。 我正在尝试从 JavaScript 绑定到 mousewheel 事件，并且我已经成功完成了该操作。 但有些事情并不像我预期的那样。 当我完成输入时，事件不会触发。

我尝试绑定到鼠标轮的输入事件，但发生了同样的事情，事件没有触发。

Answer 1

此事件并未得到普遍支持。 在执行任何操作之前先检查鼠标滚轮兼容性表。 我发现有趣的是像 jQuery 这样的 JavaScript 库 没有实现 这个特定事件的包装器。 如果您打算使用 jQuery，人们会为此构建插件：

• 鼠标滚轮插件

更新< /strong>

你必须稍微修改一下他们的例子。 在这里，这适用于

$(document).ready( function(){
    $('#inputTest').bind('mousewheel', function(event, delta) {
        var dir = delta > 0 ? 'Up' : 'Down', vel = Math.abs(delta);
        $(this).val(dir + ' at a velocity of ' + vel);
        return false;
    });
});

HTML 代码

<form>
    <input type='text' name='inputTest' id='inputTest' />
</form>

对于输入字段，使用 val() 而不是 text()。