如果用户在移动设备上取消触摸，则触发操作

Question

我需要跟踪用户是否取消了移动设备上的触摸。我认为触摸事件会很容易，但我已经坚持了两天了。这是我一直在尝试的：

$("#element)
  .bind('touchstart', function() {
    action1();
  })
  .bind('touchcancel', function() {
    action2();
  })
  .bind('touchend', function() {
    action3();
  })

touchstart 和 touchend 工作正常，但 touchcancel 永远不会运行。即使我将手指释放到元素之外，touchend 操作也会运行，但 touchcancel 不会运行。

Answer 1

您是否尝试过将手指从显示面板的边缘拖开？这曾经会导致旧 Android 手机上的触摸取消。

编辑：当系统需要取消触摸时会发生触摸取消，因此您可以尝试应用程序或操作系统启动的行为，这些行为可能会中断用户正在执行的操作。可能导致这种情况的一些示例

• 接收屏幕通知，例如来电
• 修改 dom，使作为 touchstart 焦点的元素在不同位置重新呈现
• 删除作为 touchstart 焦点的 dom 元素