微信小程式區分點選,長按事件

2022-09-18 02:45:56 字數 559 閱讀 1143

touchstart:手指觸控

longtap:手指觸控後後,超過350ms離開

touchend:手指觸控動作結束

tap:手指觸控後離開

事件觸發順序

單擊touchstart → touchend → tap

長按touchstart → longtap → touchend → tap

通過上**可以發現,單擊事件與長按事件的區別就在於 longtap事件,所以我們通過longtap事件進行區分。現在可以開始上**啦

.xwml  檔案

.js  檔案

//定義用到的變數

data:

//手指觸控開始賦值

touchstart: function (e)

//手指觸控結束賦值

touchend: function (e)

// nophonefull 不管點選還是長按都會觸發的事件

nophonefull: function ()

}//只有長按事件才會觸發 

binglongtap : function(e)

微信小程式實現點選拍照長按錄影功能

裡面注釋寫的都很詳細,直接上 官方的元件屬性中有觸控開始和觸控結束屬性。本功能依靠這些屬性實現。wxml 點選 長按 wxss pages camera camera.wxss cover image,video btn photo video.js pages camera camera.js p...

微信小程式 元件間獲取點選事件

子元件component 父元件 設定id才能獲取到元件元素 quit quit 生命週期函式 監聽頁面載入 onload function options 子元件 使用triggerevent方法,第乙個引數為自定義事件名稱 this triggerevent quitevent 父元件 在父頁面...

微信小程式 事件

事件繫結 事件繫結的寫法同元件的屬性,以 key value 的形式。key 以bind或catch開頭,然後跟上事件的型別,如bindtap,catchtouchstart value 是乙個字串,需要在對應的 page 中定義同名的函式。不然當觸發事件的時候會報錯。bind事件繫結不會阻止冒泡事...