js 在頁面實現微信按住說話,移開取消錄音效果


獲取起點(touchstart)Y軸坐標與終點(touchend)Y軸坐標,如果起點大於終點那么就去執行取消操作
********:坐標起點是瀏覽器左上角,所以往上滑動的話,起點坐標大於終點坐標。

<div id="c_btn" style="width: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();


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM