zoukankan      html  css  js  c++  java
  • js 在页面实现微信按住说话,移开取消录音效果

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

    <div id="c_btn" style="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();
  • 相关阅读:
    浅谈隔板法
    最短路spaf及dijkstra模板
    P1219 最优贸易
    P1211 街道赛跑
    图结构模板
    P1218 过路费
    使用Asp.net Identity 创建用户 、登录代码
    asp.net identity 介绍
    响应式图像
    glyphicon 图标的使用
  • 原文地址:https://www.cnblogs.com/richardcastle/p/8297370.html
Copyright © 2011-2022 走看看