Hide The iPad Keyboard By Hitting the Return Key

Question

Is it possible to hide the iPad keyboard after entering a value into an input field on a website by hitting the Return key without forcing the user to use the Hide Keyboard key?

Is there something in HTML or jQuery that I can code into my page to force this behavior?

(P.S. Based of my hours of research online, it seems impossible with the way the iPad currently functions. But I would really appreciate any info!)

Answer 1

You can hide the keyboard by calling the blur handler on the text input:

$("#textField").blur();

where #textField is a selector to select the text input. You need to put this line in the right place, which depends on how the form is coded, and in most cases would be in the form's submit handler.

Answer 2

The easiest answer to your question on any input regardless of form submit would be

$('input').keyup(function(event) {
    if (event.which === 13) {
      $(this).blur();
    }
});

Probably a little easier to put in the right place.

Return = Enter key