如何同时单击两个元素

<button id="button1" onclick="handleClick(event)">按钮1</button>
<button id="button2" onclick="handleClick(event)">按钮2</button>

<script>
function handleClick(event) {
  // 执行单击操作
  console.log("同时单击了两个按钮");
}
</script>

<button id="button1">按钮1</button>
<button id="button2">按钮2</button>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
  $("#button1, #button2").on("click", function() {
    // 执行单击操作
    console.log("同时单击了两个按钮");
  });
});
</script>

<div id="parent">
  <button id="button1">按钮1</button>
  <button id="button2">按钮2</button>
</div>

<script>
document.getElementById("parent").addEventListener("click", function(event) {
  if (event.target.matches("#button1, #button2")) {
    // 执行单击操作
    console.log("同时单击了两个按钮");
  }
});
</script>