微信小程序--事件總結/冒泡事件

小程序的事件主要有： 

touchtab  點擊事件

touchstart 開始滑動

touchmove 滑動中

touchend  滑動結束

touchcancel 滑動中斷 一般來電或其他彈出框使得滑動中斷

小程序中的wxml中綁定事件有兩種：以touchtab為例   ，在wxml中必須有bind/catch不然無法實現上述事件

bindtouchtab和catchtouchtab

bind的不會阻止事件冒泡（元素最里層到最外層函數執行），catch會阻止冒泡，只是冒泡到當前層結束

如果想在元素執行某事件時把元素的某個屬性傳到后台  可在元素中加入data-屬性名稱=“xxx”,在事件函數中 function(event){}的event中的currentTarget里面的data-set里面可查看接收在元素中綁定的的id或者其他屬性clientX/Y 查看滑動手指距離屏幕左側的位置，查看滑動位置也可以通過touchstart和和touchend的clientx/y獲取

如：

wxml:

<view  bindtap='bindtap' data-id='123' data-attr="attr1231" data-move="class123">
sdfsdf
</view>

wxjs:

 bindtap:function(event){
console.log(event); 
console.log("bindtap最外層")
  }

　打印結果為：