React的合成事件

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

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

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

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

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

合成事件的优点:

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

相关推荐
奋斗的小羊羊28 分钟前
HTML5关键知识点之多种视频编码工具的使用方法
前端·音视频·html5
前端呆猿35 分钟前
深入解析HTML5中的object-fit属性
前端·css·html5
再学一点就睡35 分钟前
实现大文件上传全流程详解(补偿版本)
前端·javascript·面试
你的人类朋友2 小时前
【Node&Vue】什么是ECMAScript?
前端·javascript·后端
路灯下的光2 小时前
用scss设计一下系统主题有什么方案吗
前端·css·scss
l_tian_tian_2 小时前
SpringClound——网关、服务保护和分布式事务
linux·服务器·前端
一只小风华~3 小时前
CSS @media 媒体查询
前端·css·媒体
shix .3 小时前
最近 | 黄淮教务 | 小工具合集
前端·javascript
John_ToDebug4 小时前
Chrome 内置扩展 vs WebUI:浏览器内核开发中的选择与实践
前端·c++·chrome
烛阴4 小时前
解锁动态键:TypeScript 索引签名完全指南
前端·javascript·typescript