如何防止隐藏的按钮阻止链接被点击

.hidden-button {
  display: none;
  pointer-events: none;
}

<div id="parent" onclick="handleClick(event)">
  <a href="https://example.com">链接</a>
  <button class="hidden-button">隐藏按钮</button>
</div>

<script>
function handleClick(event) {
  var target = event.target;
  if (target.classList.contains('hidden-button')) {
    event.preventDefault();
  }
}
</script>

<div id="parent" onclick="handleClick(event)">
  <a href="https://example.com">链接</a>
  <button class="hidden-button">隐藏按钮</button>
</div>

<script>
function handleClick(event) {
  var target = event.target;
  if (target.classList.contains('hidden-button')) {
    target.disabled = true;
  }
}
</script>