三、微信小程序-快速回顾 ( 视图层的交互事件、页面间传值、访问表单值)

一、视图层的交互事件

想让视图层的元素具有和用户交互的功能，我们就需要让事件、元素、处理函数三者进行绑定，微信小程序中的事
件也有冒泡的机制，微信小程序的事件其实和 html 中的差不多，所以也不用多说什么理论，直接回顾三者如何绑定

本文只用一些最常见的事件来举例，想了解更多事件请参考 微信小程序事件，除了 微信小程序事件 中罗列的元素
通用事件，一些表单标签还会有一些自己特定的事件，所以在使用各个标签的时候，要提前仔细阅读 微信小程序标签

1.1. 元素绑定事件

所谓的元素绑定事件，无非就是为元素添加一个事件发生时的处理函数，所以元素绑定事件需要下面两步：

1. 在页面逻辑文件（.js 文件 ）中自定义事件的处理函数
2. 在页面布局文件（ .wxml 文件）中为想交互的元素添加事件监听属性，并指明定义好的的事件处理函数名
   元素添加事件监听属性的方式：绑定事件的关键字:事件名="事件处理函数名"，绑定事件的关键字常用的有两个
   第一个关键字是 bind，第二个关键字是 catch，两个关键字的区别是，前者会将事件冒泡，而后者不会
   
   

用示例演示点击事件

1. 在页面逻辑文件中定义事件处理函数：

Page({
   
   
  // 自定义父容器点击事件的处理函数
  handleParentTap(){
   
   
    console.log("父容器的点击事件被触发！")
  },
  // 自定义子容器点击事件的处理函数
  handleChildTap(){
   
   
    console.log("子容器的点击事件被触发！")
  }
});

2. 在页面布局文件中为元素绑定事件：

<text>使用 bind 关键字绑定事件，会冒泡：</text>
<view bind:tap="handleParentTap">
  <view bind:tap="handleChildTap"></view>
</view>

<text>使用 catch 关键字绑定事件，不会冒泡：</text>
<view c