点击事件是小程序开发中遇到的最常用事件,轻点即可触发事件,同时也分为单击和双击事件,对于开发初学者可能对这些点击事件还不是很理解,今天厦门在乎科技为大家带来微信小程序实现单双击事件,一起来了解一下吧。

微信小程序按钮点击事件:
1.点击事件
bindtap 绑定事件 :所有层都可触发
catchtap 绑定事件: 只有最顶层可触发
2.事件event
currentTarget: 当前组件
target: 事件源组件
currentTarget.dataSet: 数据

3.输入框绑定输入事件 bindinput
取出输入框当前的值
this.setData({expressNu: event.detail.value})
4.回调函数中,无法获取 this

一、单击事件
如果想要添加参数即可通过 data- 加事件名 的方式添加参数,通过 event参数的target.dataset.加事件名 获取

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

以上就是今天为大家带来的关于“微信小程序按钮点击事件 小程序实现单双击事件”全部内容,值得一提的是:点击、双击、长按事件(bindlongtap)均会触发bindtouchstart、bindtouchend、tap(press)事件,想要了解更多关于小程序开发的内容,欢迎关注厦门在乎科技-专注小程序、app、网站开发