上划取消，松开发送，移动端移动

模仿微信语音功能，没有录音效果，上划取消，松开发送的动作
showModel控制模态框显示隐藏
modelIndex控制显示的效果，取消，发送的样式文字提示等

  initEvent() {
      var btnElem = document.getElementById("messageBtn"); //获取ID
      var posStart = 0; //初始化起点坐标
      var posEnd = 0; //初始化终点坐标
      var posMove = 0; //初始化滑动坐标
      let that = this;
      btnElem.addEventListener("touchstart", function (event) {
        event.preventDefault(); //阻止浏览器默认行为
        posStart = 0;
        posStart = event.touches[0].pageY; //获取起点坐标
        that.showModel = true;
        // alert("start");
        // alert(posStart + "---------开始坐标");
      });
      btnElem.addEventListener("touchmove", function (event) {
        event.preventDefault(); //阻止浏览器默认行为
        posMove = 0;
        posMove = event.targetTouches[0].pageY; //获取滑动实时坐标
        if (posStart - posMove < 150) {
          that.modelIndex = 0;
        } else {
          that.modelIndex = 1;
        }
        // alert(posStart + "---------");
        // alert(posMove + "+++++++++");
      });
      btnElem.addEventListener("touchend", function (event) {
        event.preventDefault();
        posEnd = 0;
        posEnd = event.changedTouches[0].pageY; //获取终点坐标
        // alert("End");
        // alert(posEnd + "---------结束坐标");
        if (posStart - posEnd < 150) {
          // alert("发送成功");
          that.save();
        } else {
          alert("取消发送");
          // alert("Cancel");
        }
        that.modelIndex = 0;
        that.showModel = false;
      });
    },