React——06 react中的事件处理

（1）通过onXxx 属性指定事件处理函数【注意大小写】，如onBlur、onClick

a . React 使用的是自定义（合成）事件，而不是使用的原生 DOM 事件 —— 为了更好的兼容性

b . React 中的事件是通过事件委托方式处理的（委托给组件最外层的元素） —— 为了高效

（2）通过 event . target 得到发生事件的 DOM 元素对象 ————不要过度使用 ref ， 可以用一下

event . target .【如果出发事件的元素跟处理程序中要操作的元素相同，可以用event . target代替】

补 ：

1. 事件冒泡指的是在一个对象上触发某类事件（比如单击 onclick事件），如果此对象定义了此事件的处理程序，并且程序最后没有返回false ，或者没定义该处理程序，那么这个事件就会向这个对象的父级进行传播，从里到外，直至它被处理（父级对象的所有同类事件都将被激活），或者直至它到达对象层次的最顶层

2. 阻止事件冒泡的三个方法 ：

   a . 在事件函数中最后加上 event . stopPropagation( )

   b . 在事件函数内部加上判断条件 i f （ event . target == event . currentTarget ）

   再执行相关事件