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

Question

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

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

Answer 1

此事件并未得到普遍支持。检查鼠标滚轮compatibility table在任何事情之前。我发现有趣的是像 jQuery didn't implemented 这样的 JavaScript 库此特定事件的包装。如果您计划使用 jQuery，人们会为此构建插件:

• Mouse Wheel Plugin

更新

您必须稍微修改一下他们的示例。在这里，这有效

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