模擬長按事件

ShowerSun 發(fā)布于2019-08-23 14:47 / 2465人閱讀

摘要：如果你想在監(jiān)測到用戶在微信瀏覽器中長按圖片的動作并進(jìn)行統(tǒng)計(jì)，可以使用以下方法你的操作但是這種方法在安卓微信瀏覽器中，當(dāng)事件持續(xù)到彈出選擇框后，事件會被中斷，所以可以采取下一種方法已長按沒長按

如果你想在監(jiān)測到用戶在微信瀏覽器中長按圖片的動作并進(jìn)行統(tǒng)計(jì)，可以使用以下方法：

let $div = document.getElementById("divContent");
let startTime = 0;
$div.addEventListener("touchstart", function () {
    startTime = +new Date();
})
$div.addEventListener("touchend", function () {
    let endTime = +new Date();
    if (endTime - startTime > 600) {
        //你的操作
    }
})

但是這種方法在安卓微信瀏覽器中，當(dāng)touchstart事件持續(xù)到彈出選擇框后，touchend事件會被中斷，所以可以采取下一種方法：

let $div = document.getElementById("divContent");
let startTime = false;
$div.addEventListener("touchstart", function () {
    startTime = true;
    setTimeout(function(){
        if (startTime) {
            console.log("已長按")
        } else {
            console.log("沒長按")
        }
        startTime = false;
    }, 500)
})
$div.addEventListener("touchend", function () {
    startTime = false;
})
$div.addEventListener("touchmove", function () {
    startTime = false;
})

云服務(wù)器 GPU云服務(wù)器模擬單擊事件 java怎么模擬事件禁止長按 listview長按刪除

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/101131.html

相關(guān)文章

移動端h5模擬長按事件

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

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

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

付倫 2019-08-02 11:37 評論0 收藏0
原生js實(shí)現(xiàn)移動端點(diǎn)擊、長按、左滑、右滑、上滑、下滑等事件模擬

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

WrBug 2019-08-23 15:05 評論0 收藏0
移動端頁面功能之------長按事件

摘要：有時(shí)在做移動端頁面開發(fā)過程中遇到這種需求模擬指紋識別。實(shí)際上我們只能通過長按頁面中的元素來模擬這個(gè)功能。在和中都沒有包含長按事件，所以需要我們來擴(kuò)展一下。有時(shí)在做移動端頁面開發(fā)過程中遇到這種需求：模擬指紋識別。實(shí)際上我們只能通過長按頁面中的元素來模擬這個(gè)功能。在jQuery和Zepto中都沒有包含長按事件，所以需要我們來擴(kuò)展一下。 $.fn.longPress = function(...

sf_wangchong 2019-08-19 18:37 評論0 收藏0
AlloyFinger web 手勢學(xué)習(xí)

摘要：從長按開始學(xué)習(xí)手勢在項(xiàng)目開發(fā)過程中遇到有虛擬鍵盤開發(fā)的需求如下圖，其中刪除鍵需要實(shí)現(xiàn)長按刪除輸入框全部內(nèi)容，由此展開今天要討論的手勢開發(fā)內(nèi)容。所以長按手勢實(shí)際上是由三者共同模擬的效果。從 [長按] 開始學(xué)習(xí) web 手勢在項(xiàng)目開發(fā)過程中遇到有虛擬鍵盤開發(fā)的需求（如下圖），其中刪除鍵需要實(shí)現(xiàn) 長按刪除輸入框全部內(nèi)容，由此展開今天要討論的 web 手勢開發(fā)內(nèi)容。 showImg(h...

seanlook 2019-08-22 14:51 評論0 收藏0