如何在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>

在這里我使用上面的腳本在按下Enter鍵時觸發Tab鍵按下事件。但是，當我按下Enter鍵時，它不像按下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

直到您阻止默認的Enter鍵事件，它才會模擬。 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>

希望它能工作。