やりたいこと 「開いているウィンドウの範囲外をクリックしたら、ウィンドウを閉じる」といった動きを実現する際に、範囲外をクリックしたイベントを取得したい。 jQueryで言うところの、 範囲外クリックでポップアップを閉じる正しい JQuery 自分で実装 Output、EventEmitterの仕組みを使えば、簡単に実装できました。 イメージ的には、「子コンポーネントでグローバルなクリックイベントを拾って、そのイベントが自分に対するものではなかったら、親コンポーネントにイベントを投げる」と言った感じです。 子コンポーネント Output, EventEmitter, HostListener, ElementRefをインポートし、ElementRefをconstructorでDIします。 import { Output, EventEmitter, HostListener, Element