微信小程序的双击事件

原创 2018年04月16日 13:04:45

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>


新手求喷~

脱坑之旅-微信小程序双击事件

微信小程序双击事件官方暂未提供方法 所以现在解决方案为利用两次点击事件时间差判断双击事件 废话不多说,上方案! 现在网上提供的解决方案: 笔者用上述解决方案时出现了一个不小的坑。。。。。。。...
  • HerringB
  • HerringB
  • 2017-10-10 21:53:02
  • 293

微信小程序-双击长按触发longtap事件时同时触发tap事件解决办法

对于微信事件,不多说,自己看文档https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxml/event.html?t=20161122 ...
  • zhaoyazhi2129
  • zhaoyazhi2129
  • 2016-12-20 13:05:42
  • 13161

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

  • 2018年02月07日 17:10
  • 463KB
  • 下载

微信小程序指南

  • 2017年12月13日 18:16
  • 6.6MB
  • 下载

微信小程序商城

  • 2018年04月13日 11:40
  • 592KB
  • 下载

微信小程序

  • 2017年11月06日 22:01
  • 529KB
  • 下载

微信小程序开发详解(九)---微信小程序布局基础

1:Flex布局 Flex布局如图1所示 图1 1.1 Flex容器属性 1.2 Flex容器内元素属性
  • aoaoxiexie
  • aoaoxiexie
  • 2017-01-03 09:30:41
  • 27501

目前为止最全的微信小程序项目实例

wx-gesture-lock  微信小程序的手势密码 WXCustomSwitch 微信小程序自定义 Switch 组件模板 WeixinAppBdNovel 微信小程序demo:百度小...
  • zuoliangzhu
  • zuoliangzhu
  • 2016-12-24 21:10:41
  • 187464

微信小程序-image(图片)

在微信小程序中,要显示一张图片,有两种图片加载方式: 加载本地图片加载网络图片 加载本地图片 src="/image/arrowright.png" 这句就是加载本地图片资源的。想想iOS...
  • gang544043963
  • gang544043963
  • 2016-10-26 14:20:41
  • 98070

微信小程序的小结

捣鼓了一天的微信小程序,作为初学者,把初期的困惑总结出来,便于以后遇到同样问题方便解决,        ①首先下载了一个demo放在项目所在的目录下,代开编译工具,重启或者编译让demo显示出来,在打...
  • dengxt
  • dengxt
  • 2016-09-26 17:34:44
  • 2188
收藏助手
不良信息举报
您举报文章:微信小程序的双击事件
举报原因:
原因补充:

(最多只允许输入30个字)