www.webdeveloper.com
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
    Posts
    245

    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?

    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.

    photo.jpg

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

    blur() the focused input, not the form.

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