Question

我一直在寻找答案，但似乎找不到答案。所以现在我去了天才＆＃39;这个网站; - ）

让我们说我有一个父母（div A）和一个孩子（div B），我希望将div A作为一个链接 - 当然，如果我点击div A内部链接也会起作用 - 如果我点击div B.

如何阻止这种情况发生？ Div A应该是一个链接，但是如果我点击里面的子元素，就不会发生任何事情。

<div A>
<div B></div>
</div>

Answer 1

你需要求助于JavaScript。将事件处理程序绑定到B并阻止链接的默认行为。

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
  <style>a { display: block; }</style>
</head>
<body>
  <a href="http://example.com">
    <div id="a">Hello
      <div id="b">World
      </div>
    </div>
  </a>
  <script>
    document.getElementById('b').addEventListener('click', function (e) { 
      e.preventDefault();
    });  
  </script> 
</body>
</html>

Answer 2

只返回false

<a href="google.com">Parent Link
    <div id="b" onclick='return false;'>Child Not a link</div>
</a>

演示：Fiddle

父母作为链接，但不是孩子

2 个答案: