javascript - 当点击发生在指定元素之外时如何执行操作

Question

我正在尝试设置一个系统，以便当用户点击时，如果该点击不是来自指定的 div，那么应该触发一个函数，该函数将对该 div 执行某些操作。基本上当用户在 div 外部单击时我想隐藏它，但问题是我有一些我想用它来做的元素，所以 event.stopPropagation 不能很好地工作。

document.onclick = function (e) {
e = !e ? window.event.srcElement : e.target;

if ($('#toppanel div#panel').not(e.id).is(':visible')) { $('.dashboardNav .addWidget').click(); }
if ($('#TrackRibbon').not(e.id).is(':visible')) { $('.dashboardNav #openRibbon').click(); }
if ($('.subnav').not(e.id).is(':visible')) { $('.subnav').hide(); }
}

但这还没有像我想要的那样工作，它确实有点，但我在页面上有多个 .subnav 并且你可以打开所有这些而无需关闭其他人。

任何关于如何实现这样的目标的想法都将不胜感激，如果我解释得不够好，请告诉我。

Answer 1

这样的东西行得通吗？

$(document).bind('click', function(e) {
  if($(e.target).hasClass('dontTriggerThisFunction')) { return; }

  doTheStuffWeWantToDo();
});