Скрытие слоев при наблюдении за кликом

Question

У меня есть много слоев в Документах, которые будут отображаться при различных взаимодействиях с пользователем.Теперь я хочу скрыть эти слои, если пользователь щелкает где-либо еще в документе.Эти слои имеют разные идентификаторы.

Существует ли какой-либо общий способ регистрации только одного наблюдателя для всех таких слоев?

Answer 1

Вы можете просто добавить прослушиватель события щелчка к узлу document.body и проверить свойство event.target, чтобы увидеть, находится ли оно внутри или вне ваших слоев, это должно хорошо работать в фазе пузырьков, если вы не делайте stopPropagation события в любом месте, однако вы можете захватить его на этапе захвата, указав true в качестве последнего аргумента addEventListener, если это не так. Обеспечение совместимости этого кросс-браузерного файла оставлено читателю в качестве упражнения.