微信小程序开发系列（十五）·bind 绑定的事件（冒泡事件）、catch 绑定的事件（非冒泡事件）

目录

1.  事件分类

1.1  bind 绑定的事件（冒泡事件）

1.2  catch 绑定的事件（非冒泡事件）

1.3  代码

---

1.  事件分类

事件分为 冒泡事件 和 非冒泡事件：

冒泡事件：当一个组件的事件被触发后，该事件会向父节点传递，若此时父节点也有绑定事件，则会一并触发。

非冒泡事件：当一个组件的事件被触发后，该事件不会向父节点传递，若此时父节点也有绑定事件，则不会触发父节点的事件。

使用 bind 绑定的事件，会触发事件冒泡，如果想阻止事件冒泡，可以使用 catch 来绑定事件。

1.1  bind 绑定的事件（冒泡事件）

        使用bind来监听用户的触摸事件、表单提交事件等。当事件发生时，绑定的事件处理函数会被调用。

        找到index.wxml文件，创建一个“line”的类，写入代码：

<view class="line"></view>

        找到app.scss文件，对该类进行相关属性的配置：

.line{
  border-top: 10rpx solid lightseagreen;
  margin: 100rpx 0;
}

        找到index.wxml文件，创建一个“catch”的类，并创建一个按钮，写入代码：

<view class="catch">
  <button>按钮</button>
</view>