模擬長按事件

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

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

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

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) {
        //你的操作
    }
})

但是這種方法在安卓微信瀏覽器中，當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;
})

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

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

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

移動端h5模擬長按事件

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

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

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

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

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

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

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

sf_wangchong 2019-08-19 18:37 評論0 收藏0
AlloyFinger web 手勢學習

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

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