Skip to content

React 事件机制

一句话

React 的事件是自己写的

兼容

利用事件冒泡优化性能

react 事件机制分为两个部分:1、事件注册;2、事件分发

事件注册部分,所有的时间都会注册到 document 上,拥有统一的回调函数 dispatchEvent 来执行事件分发

事件分发部分,首先生成合成事件,注意统一种事件类型只能生成一个合成事件 Event,如 onclick 这个类型的事件,dom 上所有带有 jsx 绑定的 onClick 的回调函数都会按顺序(冒泡或者捕获)会放到 Event._dispatchListeners 这个数组里,后面依次执行它

e.stopPropagation :阻止冒泡

e.preventDefault

参考资料