Results 1 to 2 of 2

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

  1. #1
    Join Date
    Apr 2006

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

    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?

    $('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.


  2. #2
    Join Date
    Jul 2008
    urbana, il
    yes, it's very doable.

    blur() the focused input, not the form.
    Create, Share, and Debug HTML pages and snippets with a cool new web app I helped create: pagedemos.com

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
HTML5 Development Center

Recent Articles