微信小程序的双击事件

index.js

Page({
data: {
starTime: 0,
ClickNum: 0,
show:false
},
//点击事件
myClick: function (e) {
var that = this
var curTime = e.timeStamp;
var starTime= this.data.starTime;
if (that.data.starTime === 0) {
this.setData({
starTime: curTime
})
setTimeout(function () {
that.resetClick();
if (that.data.ClickNum === 1) {
// 双击执行事件区
that.setData({
starTime: 0,
ClickNum: 0,
show:!that.data.show
})

}
}, 300)
// 300为双击的时间间隔
} else {
if (curTime - starTime< 300) {
this.setData({
ClickNum: 1
})
}
}
},
// 单击重置
resetClick: function () {
if (this.data.ClickNum === 0) {
this.setData({
starTime: 0,
ClickNum: 0
})
}
}

})

 

indx.wxml

<view>
<buttontype="primary"bindtap="myClick">双击事件</button>

<view wx:if="{{show}}">
双击事件
</view>
</view>

 

 

新手求喷~