禁用按Tab鍵到網絡表單中的下一個輸入字段

例如，下面的例子中，用戶可以按下鍵盤上的tab鍵轉到下一個字段。我可以禁用此功能嗎？禁用按Tab鍵到網絡表單中的下一個輸入字段

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

來源

2017-02-24 A. Miller

[禁用選項卡重點表單元素（的可能的複製http://stackoverflow.com/questions/3682812/disabling-tab-focus-on -form-elements） –

你可以。但你應該**不**。 – nnnnnn

像@nnnnnn說的，你可以。但是你不應該爲ADA用戶。在這裏閱讀更多關於http://www.techrepublic.com/blog/web-designer/creating-an-ada-compliant-website/ – Josh

是使用KEYDOWN這樣的：

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

來源

2017-02-24 01:58:31 Nadim

禁用按Tab鍵到網絡表單中的下一個輸入字段

回答

相關問題