js 在页面实现微信按住说话，移开取消录音效果

Posted 2020-10-21 小酱油

• 获取起点（touchstart）Y轴坐标与终点（touchend）Y轴坐标，如果起点大于终点那么就去执行取消操作
  ********：坐标起点是浏览器左上角，所以往上滑动的话，起点坐标大于终点坐标。

  点击长按啊

  JS：//
  var btnElem=document.getElementById("loading");//获取ID
  var posStart = 0;//初始化起点坐标
  var posEnd = 0;初始化终点坐标
  function initEvent() {
  btnElem.addEventListener("touchstart", function(event) {
  event.preventDefault();//阻止浏览器默认行为
  posStart = 0;
  posStart = event.touches[0].pageY;//获取起点坐标
  });
  btnElem.addEventListener("touchend", function(event) {
  event.preventDefault();
  posEnd = 0;
  posEnd = event.changedTouches[0].pageY;//获取终点坐标
  if(posStart - posEnd > 20 ){
  alert("Cancel");
  };
  });
  };
  initEvent();