javascript - 座標でポップアップを非表示

Question

私の問題：たとえば、リンクがあります。クリックするとポップアップdivが表示され、リンクをもう一度クリックするとポップアップが閉じますが、開いているポップアップボックスを閉じるにはどうすればよいですかpopup 以外の場所をクリックします。

私はたくさん検索していくつかの解決策を見つけましたが、オフセット Xとオフセット Yでボックスを非表示にする方法があることを知っているので、それらは私にとって十分ではありませんでした。 JavaScript はポップアップの位置を追跡し、ユーザーが別の位置をクリックすると閉じます。

どうすればこのようにできるのか誰か教えてください。私にとっては本当に大事です！！

何かわからないことがあれば、ここに書き込んでください。よりよく説明できるように努めます。

Answer 1

Csirkepöcsű？:)

ドキュメントまたは本文のonclickハンドラーが必要です。

実際の動作をご覧ください。

// make sure that click on the popup does nothing
document.getElementById("pop").onclick = function(e) {
  // in all browsers
  if(e && e.stopPropagation) {
    e.stopPropagation();
  } else {
    e = window.event;
    e.cancelBubble = true;
  }
};

// click anywhere else
document.documentElement.onclick = function() {
  // will hide the popup
  document.getElementById("pop").style.display = "none";
};