react事件与原生事件的区别

1、react事件

react事件是绑定在document上的；

react的事件对象是合成的，不是原生的；

react在底层，主要对合成事件做了2件事：

1. 事件委派：把所有事件绑定到结构的最外层，使用统一的事件监听，这个事件监听器上维持了一个映射来保存所有组件内部事件监听和处理函数。
2. 自动绑定： React组件中，每个方法的上下文都会指向该组件的实例，即自动绑定this为当前组件。

优点：

1. 几乎所有的事件都代理（delegate）到document，达到性能优化的目的
2. 兼容所有浏览器，更好的跨平台。
3. 方便 react 统一管理和事务机制。

2、原生事件

原生事件时绑定在DOM上的；

dom上的事件要优先于document上的事件执行。事件的执行顺序为原生事件先执行，合成事件后执行，合成事件会冒泡绑定到 document 上，所以尽量避免原生事件与合成事件混用，如果原生事件阻止冒泡，可能会导致合成事件不执行，因为需要冒泡到 document 上合成事件才会执行。