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();

转载于:https://www.cnblogs.com/richardcastle/p/8297370.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值