React的合成事件

合成事件:通过事件委托,利用事件传播机制,当事件传播到document时,再进行分发到对应的组件,从而触发对应所绑定的事件,然后事件开始在组件树DOM中走捕获冒泡流程。

原生事件 ------ > React事件 ------ > document事件

都是先执行原生事件再到react事件。

但是不要原生事件和react都用,如果原生事件使用stopPropagation(),那将无法冒泡到react事件,那个对应的事件将无法被注册。

原生事件:利用事件传播机制,从document捕获下来,哪个绑定对应的事件就直接执行了。

合成事件的优点:

1.跨浏览器兼容性。无需考虑不同浏览器的兼容性问题。

相关推荐
好_快1 分钟前
Lodash源码阅读-getMatchData
前端·javascript·源码阅读
吴永琦(桂林电子科技大学)1 小时前
HTML5
前端·html·html5
爱因斯坦乐1 小时前
【HTML】纯前端网页小游戏-戳破彩泡
前端·javascript·html
恋猫de小郭1 小时前
注意,暂时不要升级 MacOS ,Flutter/RN 等构建 ipa 可能会因 「ITMS-90048」This bundle is invalid 被拒绝
android·前端·flutter
还是鼠鼠2 小时前
Node.js自定义中间件
javascript·vscode·中间件·node.js·json·express
前端极客探险家4 小时前
Flutter vs React Native:跨平台移动开发框架对比
flutter·react native·react.js
大莲芒5 小时前
react 15-16-17-18各版本的核心区别、底层原理及演进逻辑的深度解析--react17
前端·react.js·前端框架
木木黄木木7 小时前
html5炫酷3D文字效果项目开发实践
前端·3d·html5
Li_Ning217 小时前
【接口重复请求】axios通过AbortController解决页面切换过快,接口重复请求问题
前端
胡八一8 小时前
Window调试 ios 的 Safari 浏览器
前端·ios·safari