小程序點擊事件

普通點擊事件（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          <!-- 可以在這直接加 -->
18       console.log("改變成功")
19     })
20    }

 

 

 

 小程序傳值 （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(e){
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