使用ng-click或jquery检测tablet上的长点击

<button ng-click="handleClick()" ng-touchstart="startTimer()" ng-touchend="endTimer()">长点击检测</button>

<script>
  var startTime;
  var endTime;
  var timer;

  function startTimer() {
    startTime = new Date().getTime();
    timer = setTimeout(function() {
      // 长点击事件处理逻辑
      console.log("长点击触发");
    }, 1000); // 设置长点击的时间阈值，这里设置为1秒
  }

  function endTimer() {
    endTime = new Date().getTime();
    clearTimeout(timer);
    if (endTime - startTime < 1000) {
      // 不满足长点击条件，取消长点击事件处理逻辑
      clearTimeout(timer);
    }
  }

  function handleClick() {
    // 点击事件处理逻辑
    console.log("点击触发");
  }
</script>

<button id="longClickButton">长点击检测</button>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  var startTime;
  var endTime;
  var timer;

  $("#longClickButton").on("touchstart", function() {
    startTime = new Date().getTime();
    timer = setTimeout(function() {
      // 长点击事件处理逻辑
      console.log("长点击触发");
    }, 1000); // 设置长点击的时间阈值，这里设置为1秒
  });

  $("#longClickButton").on("touchend", function() {
    endTime = new Date().getTime();
    clearTimeout(timer);
    if (endTime - startTime < 1000) {
      // 不满足长点击条件，取消长点击事件处理逻辑
      clearTimeout(timer);
    }
  });

  $("#longClickButton").on("click", function() {
    // 点击事件处理逻辑
    console.log("点击触发");
  });
</script>