Return Key: How to Focus the Right Shape

Question

I have more than one form on one page: I would like to know if there is a way to submit the correct form when the user presses the "return key key" key?

thank

Answer 1

How about this:

<form id="form1">
    <input type="text" />
</form>
<form id="form2">
    <input type="text" />
</form>

<script type="text/javascript">
    for (var i = 0; i < document.forms.length; i++) {
        document.forms[i].onkeypress = function(e) {
            e = e || window.event;
            if (e.keyCode == 13)
                this.submit();
        }
    }
</script>

Basically, in each form, fire an onkeypress event for each of them, which checks the input (keycode == 13) and triggers the submission in this form.

Answer 2

I assume that in the right form you mean the form the user is working on!

, , , , .

, ( , , )

Answer 3

Check which element has focus. Check which form is its parent. Submit.

document.onkeypress = function() {

    var element = activeElement.parentNode;

    while(element.nodeType != /form/i) {
        element = element.parentNode;
    }

    element.submit();
}