首页 > 微信 > 详细

小程序点击事件

时间:2019-11-29 11:39:58      阅读:70      评论:0      收藏:0      [点我收藏+]

普通点击事件(bindtap)(++ 要放在前面,放在后面不好使)  (bindtap 会有冒泡事件   catchtap 不会有冒泡事件)

 1 <!-- wxml -->
 2 <view>
 3   <button type="warn" size="mini" bindtap="dian">点老子呀</button>
 4 </view>
 5 
 6 <view>花木兰{{num}}</view>
 7 
 8 
 9 <!-- js -->
10   data: {
11     num:0
12   },
13   dian:function(){
14     this.setData({
15       num:++this.data.num
16     })
17   }

 

技术分享图片

 

 小程序传值 (data-)(接收的时候通过事件对象来接收)

 1 <!-- wxml -->
 2 <view>
 3   <button type="warn" size="mini" bindtap="dian" data-a="100">点老子呀</button>
 4 </view>
 5 <view>花木兰{{num}}</view>
 6 
 7 
 8 <!-- js -->
 9   data: {
10     num:0
11   },
12   dian:function(){
13     console.log(e.currentTarget.dataset.a)
14     this.setData({
15       num: this.data.num + Number(e.currentTarget.dataset.a) 
16     })
17   }

 

点击事件小汇

<!-- 点击事件         bindtap 会有冒泡事件   catchtap 不会有冒泡事件 -->
bindtap   catchtap

<!--长按事件 -->
bindlongtap

<!-- 触摸开始 -->
bindtouchstart

<!-- 触摸结束 -->
bindtouchend

官方事件文档
https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html

小程序点击事件

原文:https://www.cnblogs.com/xiaoyaolang/p/11956635.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!