Question

所以我有这样的事情：

HTML

 <div class='test'>
  <div>One</div>
  <div>Two</div>
  <div>
    <div>Three</div>
  </div>
</div>

JAVASCRIPT

   document.body.addEventListener("click", function(e) {
        if (e.target !== e.currentTarget) {
        if (e.target.className == 'test') {
          console.log(e.target);
        }
      }
    });

我想要完成的是选择带有类测试的div，而不是子元素。我可以做e.target.parentNode，但根据情况不准确。

我究竟做错了什么以及如何打印测试？

Answer 1

怎么样：

 document.getElementsByClassName('test').addEventListener("click", 
    function(e) {
      console.log(e.target);
    }
  });

选择包装器div而不是具有事件委托的子项（e.target）

1 个答案: