點擊觀察者隱藏圖層

Question

我在文檔中有很多層將顯示在不同的用戶交互中。現在我想隱藏這些圖層，如果用戶點擊文檔中的其他任何地方。這些圖層具有不同的ID。

是否有任何通用的方法來註冊只有一個單一的觀察員的所有這些層？

Answer 1

你可以只添加一個單擊事件偵聽器document.body節點和檢查event.target屬性，看它是否是內部或層之外，這應該做工精細冒泡階段，如果你做的不是事件的stopPropagation任何地方，但是如果不是這種情況，您可以通過提供true作爲addEventListener的最後一個參數來捕獲它。使這個跨瀏覽器兼容的作爲練習留給讀者。