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

时间:2018-01-17 00:00:48   收藏:0   阅读:354
  • 获取起点(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();

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!