¿Cuál es la diferencia entre focusin/focusout vs focus/blur en jQuery?

Question

estaba manejando algunos eventos usando el siguiente código con jQuery 1.7.2:

$().on('focus blur', function(event) { 
    console.log(event.type); 
}); 

Y me he dado cuenta de que event.type para ambos eventos, imprime: focusin y focusout.

¿Cuál es la diferencia entre focusin/focusout vs focus/blur?

Answer 1

Respuesta corta: focusin y thinsp; & thinsp; & thinsp; burbujas, focus no.
              focusout burbujas, blur y thinsp; no.
Leer el docs:

El evento focusin se envía a un elemento cuando ésta, o cualquier elemento dentro de ella, queda seleccionado. Esto es distinto del evento de enfoque ya que admite la detección del evento de enfoque en los elementos principales (en otras palabras, admite el burbujeo de eventos).

Answer 2

El evento focusin se envía a un elemento cuando este, o cualquier elemento dentro de él, gana foco. Esto es distinto del evento de enfoque ya que admite la detección del evento de enfoque en los elementos principales (en otras palabras, admite el burbujeo de eventos).

Source

Answer 3

Desde el docs:

El evento focusin se envía a un elemento cuando ésta, o cualquier elemento dentro de de ella, queda seleccionado. Esto es distinto del evento de enfoque en el que admite la detección del evento de foco en los elementos principales (en otras palabras, admite el burbujeo de eventos).

Y sí, se puede encontrar la misma respuesta también aquí: Difference between the javascript/jQuery events "focus" and "focusin"?