Skip to main content

react中的合成事件

  1. event 是 SyntheticEvent,模拟了DOM事件
  2. event.nativeEvent 指向了原生event
  3. 所有事件挂载到document上,然后再dispatch。(从React17开始,事件不再绑定到document上,绑定到root元素上)

React源码解读系列 – 事件机制

深入React合成事件机制原理

合成事件的主要流程:

  1. 事件注册

在root元素上注册监听器listener

  1. 事件触发

  2. 事件执行