小程序事件应用详解

1.冒泡事件：当一个组件上的事件被触发后，该事件会向父节点传递

//wxml

<view class="container" bind:tap="containerTap">

   <view bind:ta="onTap" class="pressBtn" id="view" data-name="容器">

      <text id="text" data-name="文字">请点击我</text>

   </view> 

</view>

//.js 
onTap(event){
    console.log(event);
  console.log('谁点击我');
},

pressBtn事件:当用户触发pressBtn事件时，containerTap事件也会被触发。

 

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

//wxml
<view class="container" catch:tap="containerTap">
   <view bind:ta="onTap" class="pressBtn" id="view" data-name="容器">
      <text id="text" data-name="文字">请点击我</text>
   </view> 
</view>