禁用按Tab键按钮到Web表单中的下一个输入字段

时间:2017-02-24 01:46:10

标签: javascript jquery html web

例如下面,用户可以按键盘上的标签按钮转到下一个字段。我可以禁用此功能吗?

<form action="/action_page.php">
  First name:<br>
  <input type="text" name="firstname">
  <br>
  Last name:<br>
  <input type="text" name="lastname">
  <br><br>
      <select name="gender">
        <option value="M">M</option>
        <option value="F">F</option>
      </select>
  <br><br>
  <input type="submit" value="Submit">
</form> 

1 个答案:

答案 0 :(得分:2)

是的,请使用这样的keydown:

document.querySelector('input').addEventListener('keydown', function (e) {
    if (e.which == 9) {
        e.preventDefault();
    }
});