微信小程序的双击事件

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>
<button type="primary" bindtap="myClick">双击事件</button>

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


新手求喷~

阅读更多
个人分类: 小程序
下一篇微信小程序通过canvas绘制所需图片形状。(文章以直角梯形进行说明)
想对作者说点什么? 我来说一句

微信程序开发说明相关文档

2018年02月07日 463KB 下载

微信程序指南

2017年12月13日 6.6MB 下载

微信程序

2017年11月06日 529KB 下载

没有更多推荐了,返回首页

关闭
关闭