javascript - jQueryのfocusin/focusoutとfocus/blurの違いは何ですか？

Question

私はjQuery1.7.2で次のコードを使用していくつかのイベントを処理していました：

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

event.typeそして、私は両方のイベントについて、次のように出力することに気づきました：focusinとfocusout。

focusin/focusoutvsの違いは何focus/blurですか？

Answer 1

簡単な答え：focusin    泡、focusしません。
        focusout 泡、blur   しません。ドキュメント
を読む：

focusinイベントは、その要素またはその中の要素がフォーカスを取得したときに要素に送信されます。これは、親要素でのフォーカスイベントの検出をサポートする（つまり、イベントバブリングをサポートする）という点でフォーカスイベントとは異なります。

Answer 2

ドキュメントから：

focusinイベントは、その要素またはその中の要素がフォーカスを取得したときに要素に送信されます。これは、親要素でのフォーカスイベントの検出をサポートする（つまり、イベントバブリングをサポートする）という点でフォーカスイベントとは異なります。

そして、はい、ここでも同じ答えを見つけることができます：javascript / jQueryイベント「focus」と「focusin」の違いは？

Answer 3

focusinイベントは、その要素またはその中の要素がフォーカスを取得したときに要素に送信されます。これは、親要素でのフォーカスイベントの検出をサポートする（つまり、イベントバブリングをサポートする）という点でフォーカスイベントとは異なります。

ソース