如何使event.path识别锚标记中的元素？

Question

为了说明我的问题，这是我的HTML版本：

<body>
  <a href="google.com">
    <div>
      <h2>Hello</h2>
      <h4>Venus</h4>
    </div>
  </a>
</body>

然后，我对Javascript的正文使用“ onclick”：

document.body.onclick = function(event) {
  console.log(event.path)
}

当我单击“ h2”标签时，控制台将仅记录[window，html，body，a]，而不记录“ a”标签内的元素。

我想要的结果是当我单击“ h2”标签时，event.path将返回[window，html，body，a，div，h2]的数组

'p'标签也存在此问题。

有没有办法让'event.path'在'a'标签内包含元素？ 非常感谢你。

Answer 1

也许这对您有帮助

 function handleClicks(e) { var path = []; var node = e.target; while(node != document) { !e.target.contains(node.parentNode) && path.push(node.nodeName); // if you want to exclude the elements inside the clicked element node = node.parentNode; } console.log(path); } document.body.addEventListener('click', handleClicks);

 <body> <a href="#" id="not"> <div> <h2>Hello</h2> <h4>Venus</h4> </div> </a> </body>

编辑

Answer 2

请避免在锚标记中使用“ div”，而可以将“ span”与某些需要的已定义用户类一起使用。

如何使event.path识别锚标记中的元素？

问题描述

2 个解决方案

解决方案1
0 已采纳 2017-07-03 09:25:50

解决方案2
0

如何使event.path识别锚标记中的元素？

问题描述

2 个解决方案

解决方案1 0 已采纳 2017-07-03 09:25:50

解决方案2 0

解决方案1
0 已采纳 2017-07-03 09:25:50

解决方案2
0