javascript - 将 Enter 键更改为 Tab 键

Question

此代码用于将 Enter 键转换为 Tab 键。但我想根据 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>