【问题标题】:How to simulate tab key with enter key on javascript如何在javascript上使用enter键模拟tab键
【发布时间】:2013-07-05 06:00:36
【问题描述】:
    <script type="text/javascript">
        function onDataBound(e) {
            $("#batchgrid").on("click", "td", function (e) {

                $("input").on("keydown", function (event) {
                    if (event.keyCode == 13) {

                        event.keycode=9;
                        return event.keycode;
                    }
                });
            });
        }
    </script>

这里我使用上面的脚本来触发 tab 键按下事件,当我按下 enter 键。但是当我按下它时它不会像按下 tab 键一样回车键。

请帮帮我..

【问题讨论】:

  • 这些建议的答案是否对您有用?

标签: javascript jquery keypress enter


【解决方案1】:

return event.keycode 实际上是return 9,甚至return event 也无济于事,因为返回事件并不意味着将被正确处理,您可能想要做的是接受enter 事件和然后手动将焦点更改为下一个必填字段:

function onDataBound(e) {
  $("#batchgrid").on("click", "td", function (e) {
    $("input").on("keydown", function (event) {
      event.preventDefault();
      if (event.keyCode == 13) {
        $(this).next("input, textarea").focus()
      }
    });
  });
}

【讨论】:

    【解决方案2】:

    在您阻止默认输入键事件之前,它不会模拟。 event.preventDefault();应该是你的函数的第一个命令。然后实现 tab 键事件。你的代码应该是这样的:

    <script type="text/javascript">
        function onDataBound(e) {
            $("#batchgrid").on("click", "td", function (e) {
    
                $("input").on("keydown", function (event) {
                    event.preventDefault();
                    if (event.keyCode == 13) {
    
                        event.keycode=9;
                        return event.keycode;
                    }
                });
            });
        }
    </script>
    

    希望它会起作用。

    【讨论】:

      猜你喜欢
      • 2012-01-22
      • 2010-10-16
      • 1970-01-01
      • 2013-03-08
      • 2015-10-19
      • 2014-07-02
      • 2012-08-11
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多