微信小程序
前端时间学了一下基本的微信的小程序
基本点击事件:
点击:bindtap 开始点击:bindtouchstart 点击结束:bindtouchend 绑定长按事件:bindlongtap
这里说一下bind和catch的区别:bindtap不会阻止冒泡事件(冒泡事件有不懂的小伙伴可以去找一下百度)的发生而catchtap会阻止冒泡事件的发生
双击:
微信官方文档里面没有,这个是需要我们自己写的
下面是代码
.xml
<button bindtap="ontaptap">双击</button>
.js
data: {
// 这里定义开始点击时间,默认为0
time:0,
},
//双击事件
ontaptap(e){
//这一次点击时间
var curTime=e.timeStamp;
//上一次点击时间
var lastTime=this.data.time;
if(curTime>0){
// 如果两次点击的间隔小于300毫秒,认为是双击
if(curTime-lastTime<300){
console.log("双击")
}else{
// 如果不是,则是单击
console.log("单击")
}
}else{
console.log("1")
}
this.setData({
// 将本次点击时间设置为上次时间
time: curTime
})
}