focusin & focusout events

- WD

The focusin and focusout events fire just before the element gains or loses focus, and they bubble. By contrast, the focus and blur events fire after the focus has shifted, and don't bubble.

IE

  1. 5.5
  2. 6 - 10
  3. 11

Edge

  1. 12 - 81
  2. 83

Firefox

  1. 2 - 51
  2. 52 - 75
  3. 76
  4. 77 - 78

Chrome

  1. 4 - 14
  2. 15 - 81
  3. 83
  4. 84 - 86

Safari

  1. 3.1 - 5
  2. 5.1 - 13
  3. 13.1
  4. TP

Opera

  1. 9 - 10.6
  2. 11 - 11.5
  3. 11.6 - 67
  4. 68

iOS Safari

  1. 3.2 - 4.3
  2. 5 - 13.3
  3. 13.4

Opera Mini

  1. all

Android Browser

  1. 2.1 - 2.3
  2. 3
  3. 4 - 4.4.4
  4. 81

Blackberry Browser

  1. 7
  2. 10

Opera Mobile

  1. 10
  2. 11 - 11.5
  3. 12 - 12.1
  4. 46

Chrome for Android

  1. 81

Firefox for Android

  1. 68

IE Mobile

  1. 10
  2. 11

UC Browser for Android

  1. 12.12

Samsung Internet

  1. 4 - 10.1
  2. 11.1

QQ Browser

  1. 10.4

Baidu Browser

  1. 7.12

KaiOS Browser

  1. 2.5

In browsers that don't support these events, one alternative is to use a capture phase event listener for the focus and/or blur events.

Resources:
Mozilla Bug 687787 - Add support for DOM3 focusin/focusout
MDN Web Docs - focusin
MDN Web Docs - focusout