Make cursor leave text field with jQuery

Question

I have a html form with input type=text which launches a custom js function on submit. When the user hits ENTER, a jQuery listener calls the same function.

This means: The user can choose between pressing the submit button and hitting ENTER.

As my js function lets the user stay on the current page, the cursor stays active in the text field which was last focused. So a user could keep hitting ENTER and fire up the js function all the time. Of course I could try to prevent that with a boolean like "didEnterFunction". But can I force the cursor to leave the text field? That would be more elegant.

I imagine something like this:

<form method="post" onsubmit="return myJS();">
    <input type="text" name="request" />
    <input type="submit" value="OK" />
</form>

and

function myJS() {
    // Make the cursor leave the text field "request"
    ?????

    return no; // prevent submission of the form (reload)
}

See http://stackoverflow.com/questions/2322603/move-cursor-in-javascript — Mooseman, Mar 31 '13 at 17:52

score 0 · Answer 1 · answered Mar 31 '13 at 18:03

0

Try this:

function myJS() {
    // Make the cursor leave the text field "request"
    $('input[type="submit"]').focus();

    return false; // prevent submission of the form (reload)
}

answered Mar 31 '13 at 18:03

palaѕн

72,112
17
116
136

I think the idea is the right one. However moving the focus to the submit button will submit the form again when I hit enter! – andreas Mar 31 '13 at 20:01

Make cursor leave text field with jQuery

1 Answers1