Difference Between The Javascript/jQuery Events "focus" And "focusin"?

What is the difference between these two events: focus and focusin?

Solution 1:

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).

This event will likely be used together with the focusout event.

Solution 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).

http://api.jquery.com/focusin/

Solution 3:

According to the jQuery focusin documentation:

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).

Solution 4:

The focusin events bubble, the focus events doesn't. That means that you can use the focusin on the parent element of a form field.