バブリングしないイベントは親要素で検知できないとおもてた。できる。

バブリングしないイベントは親要素で検知できないとおもてた。できる。:

ずっと勘違いしてた。

DOMイベントのキャプチャ/バブリングを整理する 〜 JSおくのほそ道 #017 イベントフェーズとは

これ読んで、バブリングしないイベントもキャプチャフェーズなら親要素で検知できること知った��

キャプチャフェーズのことちゃんと理解してなかった。

デモ

// 検知できない 
document.addEventListener('focus', function (e) { 
  var el = e.target.matches('input') ? e.target : e.target.closest('input'); 
  if (el) { 
    console.log('バブリングフェーズでinputのfocusイベントを検知'); 
  } 
}, false); 
 
// 検知できる 
document.addEventListener('focus', function (e) { 
  var el = e.target.matches('input') ? e.target : e.target.closest('input'); 
  if (el) { 
    console.log('キャプチャフェーズでinputのfocusイベントを検知'); 
  } 
}, true);