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

Question

我需要一些帮助。我正在尝试从 JavaScript 绑定到鼠标滚轮事件，并且我已经成功地做到了。但是有些事情并没有像我预期的那样工作。当我完成输入时，事件不会触发。

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

Answer 1

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

• 鼠标滚轮插件

更新

您必须对他们的示例进行一些修改。在这里，这有效

$(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()。