代码之家  ›  专栏  ›  技术社区  ›  Cristian Toma

JavaScript:Mousewheel事件在文本框上时不会触发

  •  1
  • Cristian Toma  · 技术社区  · 15 年前

    我需要一些帮助。我正试着把自己绑在绳子上 鼠标滚轮 输入

    我已尝试绑定到的输入事件 鼠标滚轮

    1 回复  |  直到 15 年前
        1
  •  1
  •   Elzo Valugi    15 年前

    这一事件并没有得到普遍支持。检查鼠标滚轮 compatibility table 在任何事情之前。我发现有趣的是像jQuery这样的javaScript库 didn't implemented 此特定事件的包装器。如果您计划使用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;
        });
    });
    

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

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