点击

  1. <view class='container'>
  2. <button bindtap='test' data-name='tap'>bindtap</button>
  3. </view>
  1. test:function(e){
  2. console.log("点击事件")
  3. console.log(e.target.dataset.name)
  4. }

image.png

双击

双击触发事件,微信官方文档没有,但是我们可以根据参数event的timeStamp属性对两次点击事件处理达到双击事件的目的,如果想要添加参数即可通过 data- 加事件名 的方式添加参数,通过 event参数的target.dataset.加事件名 获取。我们来看看样例:

wxml与之前一致

  1. test: function(e) {
  2. // 获取这次点击时间
  3. var thisTime = e.timeStamp;
  4. // 获取上次点击时间 默认为0
  5. var lastTime = this.data.lastTime;
  6. // 打印这次点击时间
  7. console.log("这次时间:" + thisTime)
  8. // 打印参数
  9. console.log("参数:" + e.target.dataset.name)
  10. if (lastTime != 0) {
  11. if (thisTime - this.data.lastTime < 500)
  12. console.log("双击事件")
  13. }
  14. // 赋值
  15. this.setData({
  16. lastTime: thisTime
  17. })
  18. }

image.png

长按

长按事件以前为bindlongtap,现在改为bindlongpress,如果想要添加参数即可通过 data- 加事件名 的方式添加参数,通过 event参数的target.dataset.加事件名 获取。我们来看看样例:

  1. <view class='container'>
  2. <button bindlongpress='test' data-name='tap'>bindlongpress</button>
  3. </view>
  1. test: function(e) {
  2. // 打印参数
  3. console.log("参数:" + e.target.dataset.name)
  4. //打印双击事件
  5. console.log("长按事件")
  6. }

image.png