微信小程序按钮点击事件 小程序实现单双击事件

小程序开发

2021-04-19

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

  

微信小程序按钮点击事件 小程序实现单双击事件


  微信小程序按钮点击事件:

  1.点击事件

  bindtap 绑定事件 :所有层都可触发

  catchtap 绑定事件: 只有最顶层可触发

  2.事件event

  currentTarget: 当前组件

  target: 事件源组件

  currentTarget.dataSet: 数据

  

4.png


  3.输入框绑定输入事件 bindinput

  

  取出输入框当前的值

  this.setData({expressNu: event.detail.value})

  4.回调函数中,无法获取 this

  

5.png


  一、单击事件

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

  

6.png


  二、双击事件

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

  

7.png


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

即刻联系「在乎科技」专业项目经理为您提供产品咨询和项目报价!

立即咨询

CONTACT US

联系我们

联系电话:

131-6399-9993

电子邮箱:

公司地址:

厦门市思明区莲花南路6号北方大厦601单元

公司地址