iPad Safari does not fire blur event

Question

I have an html input text element in my application with jQuery blur event handler:

$('#textBox').blur(function () { console.log('blur'); })

When I click on a page area out of the textbox, desktop browsers fire this event, but iPad Safari does not. And neither the keyboard nor the cursor does not disappear. Are there any ways to "enable" the blur event ?

can you edit your question whether you have achieved it (If yes, please update with answer ) or not ? — Rahul Dess, Jun 12 '15 at 19:23
@RahulDess oh, I really don't remember since it was 3 years ago, but looks like i haven't because none of answers were suggested any more — Eugene Gluhotorenko, Jun 15 '15 at 09:28

score 4 · Accepted Answer · answered Jan 15 '14 at 23:33

4

By design, a tap away will remove the hover state but the textbox will remain focused.

Safari Web Content Guide should help you develop for Safari on IOS devices.

answered Jan 15 '14 at 23:33

frankenthumbs

56
3

score 0 · Answer 2 · answered Jun 19 '18 at 11:31

0

Workaround (albeit not recommended): https://codepen.io/kevinfarrugia/pen/rKpRBL

document.getElementById("container").addEventListener("click", () => {
  document.getElementById("container").focus();
});

answered Jun 19 '18 at 11:31

Kevin Farrugia

6,431
4
38
61

iPad Safari does not fire blur event

2 Answers2

Linked