收藏
评论

如何制作按钮的双击事件

一:在wxml文件里面制作一个按钮<button>

     <button bindtap='myDB'>双击事件</button>

二:在js文件里面定义一个变量last(初始化上次的时间)

      data: {

last:0//初始化上次的时间

三:绑定事件,定义两个变量c(当前点击的时间),L(上一次点击的时间),判断是否做了点击事件,再判断上次点击的时间和当前点击的时间是否小于500,如果是,作双击事件,否则做单击事件,就可以得到上一次的点击数据是单击还是双击如下:

myDB:function(e){

var c = e.timeStamp;//当前点击的时间

var L = this.data.last;//上一次点击的时间

if(L>0){

if(c-L<500){

console.log("作双击");

}else{

console.log("作点击");

}

}

else{

console.log("第一次点击");

}

this.setData({

last:c

});

},



     


收藏

6 个评论

  • 2019-05-13

    其实在某些特定的操作下,还是蛮有用的.谢谢楼主分享.

    2019-05-13
    赞同 1
    回复
  • 陈
    2018-03-23

    现在还有用双击干嘛的吗,还不如做一个防止多次点击的事件

    2018-03-23
    赞同 1
    回复
  • xyz
    xyz
    2019-09-06

    谢谢,很有用

    2019-09-06
    赞同
    回复
  • 李倪生
    李倪生
    2018-04-04

    这种需求适合小游戏中

    2018-04-04
    赞同
    回复
  • 杨泉
    杨泉
    2018-03-21

    反人类的交互和操作

    多少年没在手机上做过双击操作了

    2018-03-21
    赞同
    回复
  • hcrbfufb
    hcrbfufb
    2018-03-21

    能排下版么

    2018-03-21
    赞同
    回复
登录 后发表内容