P20_事件绑定

事件绑定

1. 什么是事件
   
   事件是渲染层到逻辑层的通讯方式。通过事件可以将用户在渲染层产生的行为，反馈到逻辑层进行业务的处理。
   
   

2. 小程序中常用的事件
   
   

3. 事件对象的属性列表
   
   当事件回调触发的时候，会收到一个事件对象 event，它的详细属性如下表所示：
   
   

4. target 和 currentTarget 的区别
   
   target 是触发该事件的源头组件，而 currentTarget 则是当前事件所绑定的组件。举例如下：
   
   
   
   点击内部的按钮时，点击事件以冒泡的方式向外扩散，也会触发外层 view 的 tap 事件处理函数。
   
   此时，对于外层的 view 来说：

   • e.target 指向的是触发事件的源头组件，因此，e.target 是内部的按钮组件
   • e.currentTarget 指向的是当前正在触发事件的那个组件，因此，e.currentTarget 是当前的 view 组件

5. bindtap 的语法格式
   
   在小程序中，不存在 HTML 中的 onclick 鼠标点击事件，而是通过 tap 事件来响应用户的触摸行为。

   • 通过 bindtap，可以为组件绑定 tap 触摸事件，语法如下：
     
     
   • 在页面的 .js 文件中定义对应的事件处理函数，事件参数通过形参 event（一般简写成 e） 来接收：