將輸入鍵更改為選項卡

Question

此代碼可將Enter鍵轉換為選項卡。 但是我想根據tabIndex進行工作，並且在提交輸入之前將其放置在最后一個輸入上就完成了提交：

<script>
document.addEventListener('keydown', function (event) {  
  if (event.keyCode === 13 && event.target.nodeName === 'INPUT' ) {
    var form = event.target.form;
    var index = Array.prototype.indexOf.call(form, event.target);
   form.elements[index + 1].focus();
   event.preventDefault();
 }
});
</script>

Answer 1

您可以嘗試如下

 document.addEventListener('keydown', function (event) { if (event.keyCode === 13 && event.target.nodeName === 'INPUT' ) { var form = event.target.form; var index = Array.prototype.indexOf.call(form, event.target); if(form.elements[index + 1]) { form.elements[index + 1].focus(); } else { alert('Ready to submit'); //form.submit(); } } }); 

 <form action="#" method="post"> <input placeholder="Enter your first name"/><br/><br/> <input placeholder="Enter your second name"/><br/><br/> <input placeholder="Enter your email"/><br/><br/> <input placeholder="Choose password"/> </form> 

Answer 2

  <script language="JavaScript">
         document.addEventListener('keydown', function (event) {
         if (event.keyCode === 13 && event.target.nodeName === 'INPUT' &&     event.target.type!=='submit' ) {
        var tidx  = +(event.target.tabIndex) +1,elems =     document.getElementsByTagName('input');
        for (var i=elems.length; i--;) {
        var tidx2 = elems[i].getAttribute('tabindex');
        var tidx3 = elems[i].getAttribute('type');
        if (tidx2 == tidx && tidx3!='submit') {elems[i].focus();
        event.preventDefault();  } }   
        }
        }
         );
           </script>