wxml:
<view bindtap="doubleTap" bindtouchstart="touchStart" bindtouchend="touchEnd">click me</view>
js:
// 防止重復點擊
touchStart(e) {
this.touchStartTime = e.timeStamp;
},
touchEnd(e) {
this.touchEndTime = e.timeStamp;
},
doubleTap(e) {
var vm = this;
// 控制點擊事件在350ms內觸發,加這層判斷是為了防止長按時會觸發點擊事件
if (vm.touchEndTime - vm.touchStartTime < 350) {
// 當前點擊的時間
var currentTime = e.timeStamp;
var lastTapTime = vm.lastTapTime;
// 更新最后一次點擊時間
vm.lastTapTime = currentTime;
// 如果兩次點擊時間在300毫秒內,則認為是雙擊事件
if (currentTime - lastTapTime > 300) {
// do something 點擊事件具體執行那個業務
}
}
}
