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\'); })

<

Answer 1

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

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

Answer 2

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.