次の入力フィールドをWebフォームで入力しないようにします。

Question

たとえば、ユーザーはキーボードのタブボタンを押して次のフィールドに移動できます。この機能を無効にすることはできますか？

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

Answer 1

はい、このようにKeyDownイベントを使用します。

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