如何在单击内部按钮时不丢失Div焦点

<div id="myDiv" tabindex="0">
  <!-- Div内容 -->
  <button onclick="handleButtonClick(event)">按钮</button>
</div>

<script>
function handleButtonClick(event) {
  event.preventDefault();
  // 处理按钮点击事件
}
</script>

<style>
#myButton {
  pointer-events: none;
}
</style>

<div id="myDiv" tabindex="0">
  <!-- Div内容 -->
  <button id="myButton">按钮</button>
</div>

<div id="myDiv" tabindex="0">
  <!-- Div内容 -->
  <button id="myButton" disabled>按钮</button>
</div>