В чем разница между фокусировкой / фокусировкой и фокусом / размытостью в jQuery?

Question

Я обрабатывал некоторые события, используя следующий код с jQuery 1.7.2:

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

И я заметил, что event.type для обоих событий распечатывает: focusin а также focusout,

Какая разница между focusin/focusout против focus/blur?

Answer 1

Короткий ответ: focusin пузырьки, focus не.
focusout пузырьки, blur не.
Прочитайте документы:

Событие focusin отправляется элементу, когда он или любой элемент внутри него получают фокус. Это отличается от события фокуса тем, что оно поддерживает обнаружение события фокуса на родительских элементах (другими словами, оно поддерживает всплытие событий).

Answer 2

Из документов:

Событие focusin отправляется элементу, когда он или любой элемент внутри него получают фокус. Это отличается от события фокуса тем, что оно поддерживает обнаружение события фокуса на родительских элементах (другими словами, оно поддерживает всплытие событий).

И да, вы можете найти тот же ответ и здесь: Разница между событиями javascript/jQuery "focus" и "focusin"?

Answer 3

Событие focusin отправляется элементу, когда он или любой элемент внутри него получают фокус. Это отличается от события фокуса тем, что оно поддерживает обнаружение события фокуса на родительских элементах (другими словами, оно поддерживает всплытие событий).

Источник