您可以使用 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,以使代码适用于您的特定用例。