скрыть элемент, когда я нажимаю снаружи

Question

У меня есть элемент на моей странице.

<div id="element">try</div>

Я хочу скрыть это, когда нажимаю на другие элементы на странице.

Как я могу это сделать?

Answer 1

Вы можете воспользоваться преимуществами барботирования здесь, например так:

$("#element").click(function(e) {
  e.stopPropagation();
});
$(document).click(function() {
  $("#element").hide();
});

Если вы нажмете на на #element, он не позволит пузырю (используя event.stopPropagation()) пройти весь путь до document и запустить его click обработчик. Если щелкнуть где-либо еще, всплывает , а когда щелчок достигает документа, он скрывает #element.