Touch screen devices and blurring.

When does the onblur event for text input fields get fired? Let's find out.

The onblur test.

In order to test the onblur event, the input field needs to have focus. on an iOS device the field has focus when the onscreen keyboard is visible.

With Voiceover, move focus to the input field and double tap to bring up the keyboard.

The input field has an onblur event listener that will add text to the page when the onblur event gets triggered.

Link to BBC

I am a text-only paragraph.

I am a div with an onclick listener but no tab stop.

I am a heading

I am a paragraph with a tabindex of 0.


Onblur notifications