[jQuery] 다른 영역 클릭시 팝업 닫기

툴팁, 모달에서 자주 사용하는 스크립트

event.target 방법을 이용하여 작성되었다.

function tooltipShow() {
  $(".icon-question-badge").each(function(eq, element) {
    var btn = $(element);
    var tooltipWrap = btn.closest(".box-question-badge");

    $(element).click(function() {
      tooltipWrap.toggleClass("active");
      return false;
    });
  });
}

$(document).on("touch click", ".icon-question-badge", tooltipShow);
$(document).on("touch click", ".question-badge-after .btn-close", function() {
  $(this)
    .closest(".box-question-badge")
    .removeClass("active");
});
$(document).click(function(e) {
  if (
    e.target.className === "list-01-item" ||
    e.target.className === "question-badge-after"
  ) {
    return false;
  }
  $(".box-question-badge").removeClass("active");
});

return false를 넣어주는 것이 중요 포인뚜 ❣️