当前位置：文江博客话题详情

如果单击 #test 或其子项以外的其他内容，则隐藏 #test？

发布于 2024-09-18 22:40:39 字数 60 浏览 4 评论 0原文

标题概括了这一点。

我只是想在单击 #test 或其子项以外的任何内容时隐藏 #test。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

伪心 2024-09-25 22:40:39

您可以在此处使用事件冒泡来发挥您的优势，例如：

$("#test").click(function(e) {
  e.stopPropagation();
});
$(document).click(function() {
  $("#test").hide();
});

如果点击来自 < em>在 #test 内，它通过 停止冒泡event.stopPropagation()，如果它来自其他任何地方，click 将（默认情况下）一直冒泡到 document，其中有一个 .click() 处理程序来隐藏 #test< /代码>。

You can use event bubbling to your advantage here, for example:

$("#test").click(function(e) {
  e.stopPropagation();
});
$(document).click(function() {
  $("#test").hide();
});

If the click came from within #test it stops bubbling up via event.stopPropagation(), if it came from anywhere else the click will (by default) bubble all the way up to document, which has a .click() handler to hide #test.

回复收藏 0 原文

还在原地等你 2024-09-25 22:40:39

也许是这样的：

// http://api.jquery.com/delegate/
// http://api.jquery.com/not-selector/

$("body").delegate("*:not(#test)", "click", function () {
    $("#test").hide(); // But would be better to cache $("#test") !
});

Maybe something like :

// http://api.jquery.com/delegate/
// http://api.jquery.com/not-selector/

$("body").delegate("*:not(#test)", "click", function () {
    $("#test").hide(); // But would be better to cache $("#test") !
});

回复收藏 0 原文

~没有更多了~