Question

I have form with two text fields and onLoad="document.forms.obrazac.sifra.focus()" I put cursor on the first field. Now I want when user press enter key to focus cursor on second field and then when enter is pressed again I want to submit my form.
How can I do that, thanks.

Answer 1

It’s definitely not good to break the default behavior. Btw, do you know the autofocus attribute in HTML?

If you absolutely need this, here you go:

document.forms.obrazac.onkeypress = function( e ) {
    // If the hit key is "Enter"
    if ( e.keyCode === 13 ) {

        // Cross-browser handling for our dear friend @MaxArt :p
        var evt = e || window.event,
            target = evt.target || evt.srcElement,

        // Find the next input
            nextInput = target.nextSibling;
        while ( nextInput.tagName !== 'INPUT' && nextInput.nextSibling ) {
            nextInput = nextInput.nextSibling;
        }

        // And focus it
        nextInput.focus();

        // Finally, disable submitting IF there is no input after
        if ( nextInput !== this.elements[ this.elements.length - 1 ] ) {
            return false;
        }
    }
};