クリックオブザーバーでレイヤーを隠す

Question

私は、さまざまなユーザーインタラクションで表示されるドキュメント内に多くのレイヤーを持っています。ここで、ユーザーがドキュメント内の他の場所をクリックした場合、これらのレイヤーを非表示にしたいと考えています。これらのレイヤーには異なるIDがあります。

このような層すべてに対して単一のオブザーバーのみを登録する一般的な方法はありますか？

Answer 1

は、あなただけの、document.bodyノードにclickイベントリスナーを追加し、それはあなたがどこでもイベントのstopPropagationをしない場合、これはバブリング段階で正常に動作する必要があります内部またはあなたの層の外だかどうかを確認するためにevent.targetプロパティを検査することができますキャプチャフェーズで最後の引数としてtrueをaddEventListenerに入力してキャプチャすることができます。このクロスブラウザとの互換性は、読者の練習として残しています。