模擬長(zhǎng)按事件

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

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

如果你想在監(jiān)測(cè)到用戶在微信瀏覽器中長(zhǎng)按圖片的動(dòng)作并進(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事件會(huì)被中斷，所以可以采取下一種方法：

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

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/101131.html

相關(guān)文章

移動(dòng)端h5模擬長(zhǎng)按事件

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

李昌杰 2019-08-23 12:11 評(píng)論0 收藏0
移動(dòng)端h5模擬長(zhǎng)按事件

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

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

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

WrBug 2019-08-23 15:05 評(píng)論0 收藏0
移動(dòng)端頁面功能之------長(zhǎng)按事件

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

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

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

seanlook 2019-08-22 14:51 評(píng)論0 收藏0