您可以使用 jQuery 监听文档上的点击事件,并检查所点击的元素是否与要隐藏的 DIV 相关。如果点击事件发生在 DIV 以外的任何元素上,则隐藏 DIV。

以下是一个简单的示例代码:

HTML 代码:Copy

<div id="myDiv">
  这是要隐藏的 DIV。
</div>

jQuery 代码:schemeCopy

$(document).on('click', function(event) {
  // 如果点击的元素不是 #myDiv 本身或其子元素,则隐藏 #myDiv
  if (!$(event.target).closest('#myDiv').length) {
    $('#myDiv').hide();
  }
});

上面的代码将检查点击事件的目标元素是否是 #myDiv 本身或其子元素。如果不是,则隐藏 #myDiv

您可以将 #myDiv 替换为您要隐藏的 DIV 的 ID,以使代码适用于您的特定用例。

By lxcss

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注