码迷,mamicode.com
首页 > 微信 > 详细

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

时间:2018-01-17 00:00:48      阅读:354      评论:0      收藏:0      [点我收藏+]

标签:change   style   doc   markdown   idt   坐标   function   btn   录音   

  • 获取起点(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 在页面实现微信按住说话,移开取消录音效果

标签:change   style   doc   markdown   idt   坐标   function   btn   录音   

原文地址:https://www.cnblogs.com/richardcastle/p/8297370.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!