touchMove()，touchEnd()，touchCancel()，touchStart()请为这四个事件各自编写一个按钮，用wxml和js代码表示

在WeApp (微信小程序) 的页面中，我们可以利用`touchstart`, `touchmove`, `touchend`, 和 `touchcancel` 这些触摸事件来监听用户的触控操作。下面是一个简单的例子，我会为你创建四个按钮，分别对应这四个事件：

<!-- wxml -->
<view class="container">
  <button bindtouchstart="handleTouchStart">touchStart</button>
  <button bindtouchmove="handleTouchMove">touchMove</button>
  <button bindtouchend="handleTouchEnd">touchEnd</button>
  <button bindtouchcancel="handleTouchCancel">touchCancel</button>
</view>

// js
Page({
  data: {},
  
  handleTouchStart(e) {
    console.log('touchStart event:', e);
  },
  
  handleTouchMove(e) {
    console.log('touchMove event:', e);
  },
  
  handleTouchEnd(e) {
    console.log('touchEnd event:', e);
  },
  
  handleTouchCancel(e) {
    console.log('touchCancel event:', e);
  }
})

在这个例子中，当你在每个按钮上开始滑动（`touchStart`），移动手指（`touchMove`），停止滑动（`touchEnd`），或者因为某些原因取消了触控（`touchCancel`），对应的函数会被调用，并打印出当前的事件信息。