2.4 事件处理

1.基本使用

Taro元素的事件处理和DOM元素的很相似。但是有一点语法上的不同，Taro的事件绑定属性均以on开头且为驼峰式命名，事件属性的值为函数。下面做一个简单对比。

HTML为元素绑定事件的写法，示例如下：

Taro为组件绑定事件的写法，示例如下：

在Taro中，事件处理函数的参数中，同样可以获取事件对象，通过事件对象可以进行事件操作，如阻止事件冒泡，代码示例如下：

2.为事件处理函数传参

假如在一个列表中，列表的每一项都有一个“删除”按钮，单击“删除”按钮删除对应的数据：

本例使用函数的bind方法解决this指向问题，当然我们还可以使用箭头函数：

或者使用函数柯里化思想：

上例中，单击View组件会调用this.handleClick（current），该函数调用后会返回一个新的函数，在这个函数中可以访问current值，同时能保证this指向的是当前Title组件。

3.自定义事件

有时存在这样的需求，期望组件内部的状态变化或操作能够传达给上层，这种需求通常被称为父子组件之间的通信，父组件期望子组件某个事件触发时，父组件执行某些特定操作。需要注意的是，自定义事件的属性名一定要以on开头，并采用驼峰式命名法，示例如下：