输入按钮用作选项卡

Question

我只有页面中的按钮，没有其他东西

<button>hello</button>

当我打开页面并按 Tab 键时，它会出现按钮，但我希望它以这样一种方式出现：如果我按回车键，它应该会出现在那个按钮上。

这是我编写的代码，但它不起作用

$(document).ready(function () {
$('.EntTab').on('keydown', function (e) {
    if (e.keyCode == 13) e.keyCode = 9;
    return false;
});
});

需要帮助解决这个问题。

Answer 1

检查这个！

$(function() {
  $(document).keydown(function(e) {
    if (e.keyCode == 13) {
      $("button#hel").focus();
    } else if (e.keyCode == 9) {
      var e = jQuery.Event("keydown", {
        keyCode: 9
      });
      $(document).trigger(e);
    }
    return false;
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="hel">hello</button>
<button>hello</button>
<button>hello</button>

输入按钮用作选项卡

Enter button works as tab

html

enter

button