How to combine focusin focusout and blur to display different states?

http://jsfiddle.net/2v81eygj/

I want to understand on focusout why not with .html? Is there any way to combine three event works together? Mostly the .blur and .focusout as do same whitch one is more general to use?

Thanks!

Google search result for blur vs focusout:
The same distinction exists between the focusin and focus events. The focusout event is sent to an element when it, or any element inside of it, loses focus. This is distinct from the blur event in that it supports detecting the loss of focus on descendant elements (in other words, it supports event bubbling).Jan 23, 2012
blur vs focusout – any real differences? - Stack Overflow
https://stackoverflow.com/questions/8973532/blur-vs-focusout-any-real…/8973574

1 Like