React的合成事件

合成事件:通过事件委托,利用事件传播机制,当事件传播到document时,再进行分发到对应的组件,从而触发对应所绑定的事件,然后事件开始在组件树DOM中走捕获冒泡流程。
原生事件 —— > React事件 —— > document事件
在这里插入图片描述
都是先执行原生事件再到react事件。
但是不要原生事件和react都用,如果原生事件使用stopPropagation(),那将无法冒泡到react事件,那个对应的事件将无法被注册。

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

合成事件的优点:
1.跨浏览器兼容性。无需考虑不同浏览器的兼容性问题。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/631054.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

嵌入式培训机构四个月实训课程笔记(完整版)-C++和QT编程第四天-C++动态联编和虚函数练习(物联技术666)

链接:https://pan.baidu.com/s/1KayCjn6Vem9YFucS8lpCFg?pwd=1688 提取码:1688 设计一个动物类:动物有一个name成员,另外有三个函数sleep(), eat(), play(); 从动物这个类派生出狗类和猫类,在对应的三个函数中实现输出如下信息的功能: dog(or cat) (name) is sleepping…

互联网技术发展:技术行业的深度思考

随着互联网技术的日新月异,我们身处一个信息爆炸的时代。技术行业作为这场变革的引擎,不断推动着社会的进步。然而,当我们沉浸在这场技术盛宴中时,是否曾停下脚步,思考其背后的深远影响?本文将从一个独特的…

macOS 13(本机)golang程序交叉编译成 ARM架构

## 背景 golang程序(JuiceFS)需要支持ARM64架构,重新编译; 本地环境:macOS:13 ## 操作 安装交叉编译工具: brew install FiloSottile/musl-cross/musl-cross --with-aarch64 可以在 /usr/l…

C++ 一元运算符重载

一元运算符只对一个操作数进行操作,下面是一元运算符的实例: 递增运算符( )和递减运算符( – )一元减运算符,即负号( - )逻辑非运算符( ! ) 一…

【数据结构】二叉树-堆(top-k问题,堆排序,时间复杂度)

🌈个人主页:秦jh__https://blog.csdn.net/qinjh_?spm1010.2135.3001.5343🔥 系列专栏:《数据结构》https://blog.csdn.net/qinjh_/category_12536791.html?spm1001.2014.3001.5482 ​​ 目录 堆排序 第一种 ​编辑 第二种 …

Python兴趣篇_模拟编译中的字典运用

在Python基础篇_字典基本操作中说到,字典可以用于存储编译时需要的信息或参数。 本文就来简单讨论一下模拟编译过程中如何利用字典数据类型; 模仿编译过程中,Python 字典可以用于存储和处理与编译相关的各种信息。以下是 Python 字典在模拟编…

【征服redis8】Redis的AOF持久化

Redis 支持多种持久化方式来保证数据的可靠性和持久性。前面我们介绍了RDB方式。我们我们介绍第二种方式——AOF(Append Only File)机制是一种常用的持久化方式,它记录了所有对 Redis 数据库进行修改的命令,在 Redis 重启时可以使…

【办公自动化】利用Python代码暴力破解RAR压缩包的密码

title: 利用Python代码暴力破解RAR压缩包的密码 tags: bigleft excerpt: 利用Python代码暴力破解RAR压缩包的密码 利用Python代码暴力破解RAR压缩包的密码 引言 有时从网盘或p2p下载了几个G的资源,下载了几天,终于下载完成,结果发现来需要密…

条款43:学习处理模板化基类内的名称

1.前言 假设我们需要编写一个程序,它能够传送信息到若干不同的公司去。信息要不编译称密码,要不就是未加工的文字。如果编译器间我们有足够的信息来决定哪一个信息传至哪一家公司,就可以采用基于template的解法: class Company{…

【C++入门到精通】智能指针 auto_ptr、unique_ptr简介及C++模拟实现 [ C++入门 ]

阅读导航 引言一、std::auto_ptr1. 简介2. 使用示例3. C模拟实现 二、std::unique_ptr1. 简介2. 使用示例3. C模拟实现 温馨提示 引言 在 C 中,智能指针是一种非常重要的概念,它能够帮助我们自动管理动态分配的内存,避免出现内存泄漏等问题。…

vue3有了解过吗?能说说跟vue2的区别吗?

一、Vue3介绍 关于vue3的重构背景,尤大是这样说的: 「Vue 新版本的理念成型于 2018 年末,当时 Vue 2 的代码库已经有两岁半了。比起通用软件的生命周期来这好像也没那么久,但在这段时期,前端世界已经今昔非比了 在我…

【Mybatis】我抄袭了Mybatis,手写一套MyMybatis框架:初窥mybatis源码

在历经之前几章课程的深入学习之后,我想我们已经初步掌握了如何运用jdbc连接数据库的技术;同时,我们也实现了利用mybatis框架的能力,甚至尝试着手编写、实现了ORM的框架。我坚信大家对MyBatis的理解和应用已经达到了一定程度。然而…

昇思MindSpore技术公开课——第三课:GPT

1、学习总结 1.1Unsupervised Language Modelling GPT代表“生成预训练”(Generative Pre-trained Transformer)。GPT模型是由OpenAI公司开发的一种基于Transformer架构的人工智能语言模型。它在大规模文本数据上进行预训练,学习了丰富的语…

Nginx 简介

1、概念介绍 Nginx ("engine x") 是一个轻量级、高性能的 WEB 服务器软件和反向代理服务器。 Nginx 是由 Igor Sysoev 为俄罗斯访问量第二的 Rambler.ru 站点开发的,第一个公开版本 0.1.0 发布于 2004 年 10 月 4 日。其将源代码以类 BSD 许可证的形式发…

k8s---对外服务 ingress

目录 目录 目录 ingress与service ingress的组成 ingress-controller: ingress暴露服务的方式 2.方式二:DaemonSethostnetworknodeSelector DaemonSethostnetworknodeSelector如何实现 3.deploymentNodePort: 虚拟主机的方式实现http代…

Windows 下 PYQT开发环境的搭建:

(1)环境搭建: PYQT 安装包: Anaconda: Anaconda3-2023.09-0-Windows-x86_64 pycharm: pycharm 2019.3 下载包: Anaconda:下载成功 |蟒蛇 (anaconda.com) pycharm: pycharm安装包_pycharm用copilotchat资源-CSD…

gradle/maven排除配置

maven <!--打包去掉jar包内的配置文件--><plugin><groupId>org.apache.maven.plugins</groupId><artifactId>maven-jar-plugin</artifactId><configuration><excludes><exclude>application-gateway.yml</exclude&g…

鸿蒙开发之如何将相册中的图片读到Canvas画布

第一步&#xff1a;申请文件权限&#xff08;很重要&#xff09; 申请方法见上一篇博客 https://blog.csdn.net/qq_15509071/article/details/135659048 第二步&#xff1a;打开相册&#xff0c;选取图片 try {let PhotoSelectOptions new picker.PhotoSelectOptions();Pho…

Servlet 预览pdf

一、背景 上篇文章介绍了图片的预览&#xff0c;这篇我们介绍下 pdf 文件的预览&#xff0c;pdf 预览在实际开发中用的还是比较多的&#xff0c;比如很多文件协议、合同都是用pdf 格式&#xff0c;协议预览就需要我们做 pdf 预览了。 二、实操 其实在上篇文章最后已经说了常用…

git push/pull/clone超时解决

git push/pull/clone超时解决 git push/pull/clone超时解决问题描述:尝试修复 git push/pull/clone超时解决 问题描述: 之前都可以正常操作,突然远程仓库的操作都超时 Failed to connect to github.com port 443: Timed out尝试修复 切换请求方式:ssh/https换一种请求操作其…