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

Question

我需要一些帮助。我试图从JavaScript绑定到 mousewheel 事件，我已经成功完成了。但事情并不像我预期的那样有效。当我结束输入时，事件不会触发。

我试图绑定到 mousewheel 的输入事件但是同样的事情发生了，事件不会触发。

Answer 1

此事件不受普遍支持。在任何事情之前检查鼠标轮compatibility table。我觉得有趣的是javaScript库就像这个特定事件的jQuery didn't implemented包装器。如果您计划使用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（）。