index.wxml

      <view>
        <input type="text"  bindtap="doubleClick" bindtouchstart="touchStart" bindtouchend="touchEnd" disabled="ture" model:id = "key" model:value="value"/>
      </view>

index.js

Page({
  data: {
    // 触摸开始时间
    touchStartTime: 0,
    // 触摸结束时间
    touchEndTime: 0,  
    // 最后一次单击事件点击发生时间
    lastTapTime: 0, 
    // 单击事件点击后要触发的函数
    lastTapTimeoutFunc: null, 
  },
  // 按钮触摸开始触发的事件
  touchStart: function(e) {
    this.touchStartTime = e.timeStamp;
  },

  // 按钮触摸结束触发的事件
  touchEnd: function(e) {
    this.touchEndTime = e.timeStamp;
  },
  doubleClick: function(e) {

    var that = this
    // 控制点击事件在350ms内触发，加这层判断是为了防止长按时会触发点击事件
    if (that.touchEndTime - that.touchStartTime < 350) {
      // 当前点击的时间
      var currentTime = e.timeStamp
      var lastTapTime = that.lastTapTime
      // 更新最后一次点击时间
      that.lastTapTime = currentTime

      // 如果两次点击时间在300毫秒内，则认为是双击事件
      if (currentTime - lastTapTime < 300) {
        // 成功触发双击事件时，取消单击事件的执行
        clearTimeout(that.lastTapTimeoutFunc);
        wx.showModal({
          title: '提示',
          content: '触发成功',
          showCancel: false
        })

      }
    }
  },

转载于:https://www.cnblogs.com/gqx-html/p/8302757.html

一、点击事件

点击事件是最常用的事件，轻点即可触发事件，如果想要添加参数即可通过 data- 加事件名 的方式添加参数，通过 event参数的target.dataset.加事件名 获取。我们来看看样例：

wxml代码：

<view class='container'>
  <button bindtap='test' data-name='tap'>bindtap</button>
</view>

js代码： 

test:function(e){
    console.log("点击事件")
    console.log(e.target.dataset.name)
  }

结果如下图：

二、双击事件

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

wxml与之前一致

js代码：

test: function(e) {
    // 获取这次点击时间
    var thisTime = e.timeStamp;
    // 获取上次点击时间 默认为0
    var lastTime = this.data.lastTime;
    // 打印这次点击时间
    console.log("这次时间：" + thisTime)
    // 打印参数
    console.log("参数：" + e.target.dataset.name)
    if (lastTime != 0) {
      if (thisTime - this.data.lastTime < 500)
        console.log("双击事件")
    }
    // 赋值
    this.setData({
      lastTime: thisTime
    })
  }

运行截图如下：

三、长按事件

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

wxml代码：

<view class='container'>
  <button bindlongpress='test' data-name='tap'>bindlongpress</button>
</view>

js代码：

 test: function(e) {
    // 打印参数
    console.log("参数：" + e.target.dataset.name)
    //打印双击事件
    console.log("长按事件")
  }

运行截图如下：

四、总结

值得一提的是：点击、双击、长按事件（bindlongtap）均会触发bindtouchstart、bindtouchend、tap（press）事件。他们关系如下：

注意：如果一个组件拥有press和tap事件，那么点击触发tap事件，长按不会触发tap事件