Difference between the javascript/jQuery events "focus" and "focusin"?

Question

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

http://stackoverflow.com/questions/7858979/difference-between-focusin-focusout-and-focus-blur-with-example — zloctb, Feb 01 '17 at 14:41

score 50 · Accepted Answer · edited Nov 04 '21 at 10:21

50

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.

edited Nov 04 '21 at 10:21

João Pimentel Ferreira

14,289
10
80
109

answered Sep 05 '11 at 17:31

shabunc

23,119
19
77
102

score 7 · Answer 2 · answered Sep 05 '11 at 17:32

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/

score 4 · Answer 3 · answered Sep 05 '11 at 17:32

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

score 1 · Answer 4 · answered Nov 04 '21 at 11:35

1

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.

answered Nov 04 '21 at 11:35

NimaDoustdar

318
3
5

Difference between the javascript/jQuery events "focus" and "focusin"?

4 Answers4

Linked