事件 概述

使用方式

若要在组件中绑定一个事件处理函数，如 onTap，则需要在该页面的 .js 文件中的 Page 里定义onTap 对应的事件处理函数。

<view id="tapTest" data-hi="Dingtalk" onTap="tapName">
  <view id="tapTestInner" data-hi="DingtalkInner">
    Click me! 
  </view>
</view>

Page({
  tapName(event) {
    console.log(event)
  }
})

• 冒泡事件

  当一个组件上的事件被触发后，该事件会向父节点传递。

• 非冒泡事件

  当一个组件上的事件被触发后，该事件不会向父节点传递。

on 事件绑定不会阻止冒泡事件向上冒泡，catch 事件绑定可以阻止冒泡事件向上冒泡。

<view id="outter" onTap="handleTap1">
  view1
  <view id="middle" catchTap="handleTap2">
    view2
    <view id="inner" onTap="handleTap3">
      view3
    </view>
  </view>
</view>

传参

<button onTap="httpquest" data-attr='"019"'> 发请求 </button>

httpquest(val){
    console.log(val.target.dataset.attr)
},