Posted By

kouphax on 02/27/09

Tagged

Versions (?)

Last Edited at 02/27/09 08:54am

Statistics

Viewed 2867 times

Favorited by 2 user(s)

Related snippets

jQuery Tab On Return Key Press

/ Published in: JavaScript

Simple function for turning RETURN key presses into TAB key presses. Focuses input element next in the DOM (usually makes sense), unless we are at the end of the form, at which point it focuses the first element in the form for cyclical purposes.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

$('input').live("keypress", function(e) {
                /* ENTER PRESSED*/
                if (e.keyCode == 13) {
                    /* FOCUS ELEMENT */
                    var inputs = $(this).parents("form").eq(0).find(":input");
                    var idx = inputs.index(this);
 
                    if (idx == inputs.length - 1) {
                        inputs[0].select()
                    } else {
                        inputs[idx + 1].focus(); //  handles submit buttons
                        inputs[idx + 1].select();
                    }
                    return false;
                }
            });