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

  • 获取起点(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();

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

上一篇:微信小程序之条件判断


下一篇:Android开发环境搭建NDK(系列二)