移動端頁面功能之------長按事件

sf_wangchong 發布于2019-08-19 18:37 / 3316人閱讀

摘要：有時在做移動端頁面開發過程中遇到這種需求模擬指紋識別。實際上我們只能通過長按頁面中的元素來模擬這個功能。在和中都沒有包含長按事件，所以需要我們來擴展一下。

有時在做移動端頁面開發過程中遇到這種需求：""模擬指紋識別""。
實際上我們只能通過長按頁面中的元素來模擬這個功能。
在jQuery和Zepto中都沒有包含長按事件，所以需要我們來擴展一下。

$.fn.longPress = function(fn) {
    var timeout = undefined;
    var $this = this;
    for(var i = 0;i<$this.length;i++){
        $this[i].addEventListener("touchstart", function(event) {
            timeout = setTimeout(fn, 800);  //長按時間超過800ms，則執行傳入的方法
            }, false);
        $this[i].addEventListener("touchend", function(event) {
            clearTimeout(timeout);  //長按時間少于800ms，不會執行傳入的方法
            }, false);
    }
}

首先要添加這段代碼，然后調用：

$(".object").longPress(function(){
    //do something...
});

云服務器 GPU云服務器移動端頁面移動端頁面顯示移動端html頁面一之新功能簡介

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/79785.html

微信開發之微信jssdk錄音功能開發

項目需求簡單描述用戶長按錄音，松手后直接結束錄音，結束錄音后，用戶可以選擇重新錄音、播放剛才的錄音，上傳錄音（這里的上傳錄音指上傳到自己服務器，上傳步驟是，前端調用wx.uploadVoice，后臺再到微信服務器下載音頻文件，上傳到自己的服務器）。注意，音頻文件自上傳時間算起在微信服務器的有效期為3天。由于后臺從微信服務器下載的音頻文件是amr格式的，需要后臺先把amr文件轉換成MP3，前端用a...

bingchen 2019-08-23 12:28 評論0 收藏0
原生js實現移動端點擊、長按、左滑、右滑、上滑、下滑等事件模擬

摘要：原理如下監聽的和事件。代表的絕對值，左右滑動，右滑，反之左滑。代碼如下用事件模擬點擊左滑右滑上拉下拉等時間，是利用和兩個事件發生的位置來確定是什么操作。支持六個事件是左滑事件，是右滑事件，是上滑事件，下滑事件，點擊事件，長按點擊事件。 github地址：https://github.com/xubaodian/...為什么要模擬這些事件？1、上述這些事件中，瀏覽器直接支持的事件只有點擊...

WrBug 2019-08-23 15:05 評論0 收藏0
移動端h5模擬長按事件

摘要：為啥寫這篇文章最近接了個需求，要求長按某個標簽顯示刪除一個懸浮的刪除按鈕。這個需求其實在上很常見，但是在移動端中，我們沒有長按的事件，所以就需要自己模擬這個事件了。由此我們可以實現模擬的長按事件了。為啥寫這篇文章最近接了個需求，要求長按某個標簽顯示刪除一個懸浮的刪除按鈕。這個需求其實在app上很常見，但是在移動端h5中，我們沒有長按的事件，所以就需要自己模擬這個事件了。大概效果如...

李昌杰 2019-08-23 12:11 評論0 收藏0
移動端h5模擬長按事件

摘要：為啥寫這篇文章最近接了個需求，要求長按某個標簽顯示刪除一個懸浮的刪除按鈕。這個需求其實在上很常見，但是在移動端中，我們沒有長按的事件，所以就需要自己模擬這個事件了。由此我們可以實現模擬的長按事件了。為啥寫這篇文章最近接了個需求，要求長按某個標簽顯示刪除一個懸浮的刪除按鈕。這個需求其實在app上很常見，但是在移動端h5中，我們沒有長按的事件，所以就需要自己模擬這個事件了。大概效果如...

付倫 2019-08-02 11:37 評論0 收藏0
移動端

摘要：純，隱藏滾動條，保留鼠標滾動效果。中彈性拉伸的現象解決禁用那個層或者的事件的默認行為禁用音視頻自動播放這個是蘋果官方明確提出的，為了用戶的利益。所以的瀏覽器依然是死角，不能做到自動播放。只是一個文檔總結，純粹是喜歡SF的Markdown。 HTML CSS X軸上采用百分比字體大小以及部分不能用百分比衡量者，采用REM單位 JS 配置頁面根font-size大小 (f...

lowett 2019-08-20 18:21 評論0 收藏0