What is the difference between focusin/focusout vs focus/blur in jQuery? [duplicate]

Answer 1

Short answer: focusin    bubbles, focus does not.
        focusout bubbles, blur   does not.
Read the docs:

The focusin event is sent to an element when it, or any element inside of it, gains focus. This is distinct from the focus event in that it supports detecting the focus event on parent elements (in other words, it supports event bubbling).

Answer 2

The focusin event is sent to an element when it, or any element inside of it, gains focus. This is distinct from the focus event in that it supports detecting the focus event on parent elements (in other words, it supports event bubbling).

Source

Answer 3

From the docs:

The focusin event is sent to an element when it, or any element inside of it, gains focus. This is distinct from the focus event in that it supports detecting the focus event on parent elements (in other words, it supports event bubbling).

And yes, you can find the same answer also here: Difference between the javascript/jQuery events "focus" and "focusin"?