force the focus to leave a form field with jQuery in iOS

crmpicco · 09-26-2012, 01:22 PM

Using jQuery or something similar, is it possible to detect when a user has clicked away, effectively removed focus, from a form field in iOS? I have conventional form which has a first name, last name, address line 1, address line 2 etc.

On an iPad when you select a form field the only way to leave that form field is to select another field in the form by clicking it or by hitting the Previous or Next buttons in the keyboard pane.

As the keyboard pane is shown clicks to other non-input elements on the page are ignored, so focus remains on the form field.

Is there a way with jQuery/JavaScript (or anything else) to force the focus to leave the form field if I click away from it by clicking a non-input form element?

I have tried this sort of thing, but to no avail. Is this likely to be locked down by Apple's iOS?

Code:

$('body').on('click', function () { $('form').blur(); });

Here's an example of what I mean. In the screen below, when the focus is on the Line 1 element I can't move out of it by clicking a non-input element.

hdewantara · 09-27-2012, 12:37 PM

Untested, but maybe you should install that to another CLICKABLE(?) element e.g. a link, an input, etc rather than the body.

Code:

$('#dummy').on('click', function (e) { 
  e.preventDefault();
  $('form').blur(); 
});
...
<a id="dummy" href="#">&nbsp;</a>