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

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

<div id="c_btn" style="width:100%;height:100px;">点击长按啊</div>
 
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();