javascript - 如何在javascript上使用enter键模拟tab键

Question

    <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 键按下事件。但是当我按下回车键时，它不会像按下 Tab 键一样。

请在这里帮我..

Answer 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()
      }
    });
  });
}

Answer 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>

希望它会奏效。