如何处理一个按钮上的两个操作？

document.getElementById("myButton").addEventListener("click", function(event) {
   if (condition1) {
      // 执行操作1
   } else if (condition2) {
      // 执行操作2
   }
});

var operation = 1; // 默认为操作1

document.getElementById("myButton").addEventListener("click", function(event) {
   if (operation === 1) {
      // 执行操作1
   } else if (operation === 2) {
      // 执行操作2
   }
});

<button class="action1" onclick="performAction1()">操作1</button>
<button class="action2" onclick="performAction2()">操作2</button>

<style>
   .action1, .action2 {
      /* 样式和布局使两个按钮看起来像一个按钮 */
   }
</style>

document.getElementById("myButton").addEventListener("dblclick", function(event) {
   // 执行操作2
});

document.getElementById("myButton").addEventListener("touchstart", function(event) {
   // 记录触摸开始时间
});

document.getElementById("myButton").addEventListener("touchend", function(event) {
   // 计算触摸持续时间，并根据持续时间执行操作1或操作2
});