javascript - 如果我在 div 中单击，如何使用 javascript/jquery 检查？(我在这里做了研究——我需要更好的)

Question

如何检查页面上的点击是否在某个 <div> 内？还是不是？

我有一个 <div>有嵌套的 child ，所以$("div").click()该技术不起作用，因为单击内部的其他元素不会触发任何内容。

我真正需要的是:我点击页面上的一个元素并显示另一个更复杂的元素 <div> .当我点击这个 <div> 之外的地方时，我需要它来隐藏。

这看起来很简单，但我已经解决了几个小时了。

我不能使用焦点/模糊，因为它勾勒出元素。

我需要的是:我单击 1 个元素(在本例中为链接)，然后为其分配一个类。然后我将同一个类放在链接的父级上。这是因为我需要显示哪个 <div>是链接的兄弟。

在我的 CSS 中，我有类似 parent.class{ mydiv{display:block;} }) 的东西.

当我点击页面上的其他地方时，我需要删除那些类。问题是当我在显示的 <div> 中单击时，我的函数认为我点击了页面上的某处并删除了类。

Answer 1

我认为最好的办法是为页面设置一个点击处理程序，并在它触发时逐步处理。

  $(document).click(function(e) {

    var d = e.target;

    // if this node is not the one we want, move up the dom tree
    while (d != null && d['id'] != 'myDiv') {
      d = d.parentNode;
    }

    // at this point we have found our containing div or we are out of parent nodes
    var insideMyDiv = (d != null && d['id'] == 'myDiv');
  });