FAQTs - Knowledge Base - View Entry - How can I let the enter key tab from form field to form field?

faqts : Computers : Programming : Languages : JavaScript : Event handling

+ Search

Entry

How can I let the enter key tab from form field to form field?

Nov 30th, 2000 09:18
Martin Honnen,

Here is an example that works with NN4, NN6 and IE4+:
<HTML>
<HEAD>
<SCRIPT>
function handleEnter (field, event) {
  var keyCode = event.keyCode ? event.keyCode : 
                event.which ? event.which : event.charCode;
  if (keyCode == 13) {
    var i;
    for (i = 0; i < field.form.elements.length; i++)
      if (field == field.form.elements[i])
        break;
    i = (i + 1) % field.form.elements.length;
    field.form.elements[i].focus();
    return false;
  }
  else
    return true;
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="formName">
<INPUT TYPE="text"
       ONKEYPRESS="return handleEnter(this, event)"
>
<INPUT TYPE="text"
       ONKEYPRESS="return handleEnter(this, event)"
>
<INPUT TYPE="text"
       ONKEYPRESS="return handleEnter(this, event)"
>
<INPUT TYPE="text"
       ONKEYPRESS="return handleEnter(this, event)"
>
<INPUT TYPE="text"
       ONKEYPRESS="return handleEnter(this, event)"
>
</FORM>
</BODY>
</HTML>