请用touchcancel 写出一个简单的微信小程序事件

在微信小程序中，`touchcancel` 是一种处理用户触屏操作取消的事件，主要用于监听用户的触摸开始到结束的过程中，当用户的手指离开屏幕但并未完成点击动作时触发的事件。下面是一个简单的示例，展示如何在小程序页面上使用 `touchcancel` 事件：

<!-- wxml -->
<view class="container" bindtouchstart="touchStart" bindtouchmove="touchMove" bindtouchend="touchEnd" bindtouchcancel="touchCancel">
  <text>轻触并立即抬起手指，看会发生什么。</text>
</view>

<!-- js -->
Page({
  methods: {
    touchStart(e) {
      // 触摸开始记录状态
      this.touching = true;
    },
    
    touchMove(e) {
      // 如果手指移动，则触发 touchcancel
      if (this.touching) {
        console.log('触摸已取消');
        this.touchCancel();
      }
    },
    
    touchEnd(e) {
      // 触摸结束判断是否取消
      this.touching = false;
      if (!this.touching) {
        console.log('完整点击');
      }
    },
    
    touchCancel(e) {
      console.log('触摸被取消了');
    }
  }
})

在这个例子中，当你在文本上轻轻触碰然后立即抬起手指时，会看到 "触摸被取消了" 的日志输出，表示 `touchcancel` 事件已被触发。