1. 鼠标事件

  • onClick - 点击事件
  • onContextMenu - 右键菜单事件
  • onDoubleClick - 双击事件
  • onDrag - 拖拽事件
  • onDragEnd - 拖拽结束事件
  • onDragEnter - 拖拽进入目标区域事件
  • onDragExit - 拖拽离开目标区域事件
  • onDragLeave - 拖拽离开事件
  • onDragOver - 拖拽悬停事件
  • onDragStart - 拖拽开始事件
  • onDrop - 拖拽释放事件
  • onMouseDown - 鼠标按下事件
  • onMouseEnter - 鼠标进入事件
  • onMouseLeave - 鼠标离开事件
  • onMouseMove - 鼠标移动事件
  • onMouseOut - 鼠标移出事件
  • onMouseOver - 鼠标悬停事件
  • onMouseUp - 鼠标释放事件

2. 键盘事件

  • onKeyDown - 按键按下事件
  • onKeyPress - 按键按压事件(已废弃)
  • onKeyUp - 按键释放事件

3. 表单事件

  • onChange - 表单值变化事件
  • onInput - 输入事件
  • onInvalid - 表单验证失败事件
  • onReset - 表单重置事件
  • onSubmit - 表单提交事件

4. 焦点事件

  • onFocus - 获取焦点事件
  • onBlur - 失去焦点事件

5. 触摸事件

  • onTouchCancel - 触摸取消事件
  • onTouchEnd - 触摸结束事件
  • onTouchMove - 触摸移动事件
  • onTouchStart - 触摸开始事件

6. UI 事件

  • onScroll - 滚动事件

7. 图像事件

  • onLoad - 加载完成事件
  • onError - 加载错误事件

8. 动画事件

  • onAnimationStart - 动画开始事件
  • onAnimationEnd - 动画结束事件
  • onAnimationIteration - 动画迭代事件

9. 过渡事件

  • onTransitionEnd - 过渡结束事件

10. 剪贴板事件

  • onCopy - 复制事件
  • onCut - 剪切事件
  • onPaste - 粘贴事件

11. 媒体事件

  • onAbort - 媒体加载中断事件
  • onCanPlay - 媒体可以播放事件
  • onCanPlayThrough - 媒体可以完整播放事件
  • onDurationChange - 媒体时长变化事件
  • onEmptied - 媒体资源清空事件
  • onEncrypted - 媒体加密事件
  • onEnded - 媒体播放结束事件
  • onLoadedData - 媒体数据加载完成事件
  • onLoadedMetadata - 媒体元数据加载完成事件
  • onLoadStart - 媒体开始加载事件
  • onPause - 媒体暂停事件
  • onPlay - 媒体播放事件
  • onPlaying - 媒体正在播放事件
  • onProgress - 媒体加载进度事件
  • onRateChange - 媒体播放速率变化事件
  • onSeeked - 媒体跳转完成事件
  • onSeeking - 媒体跳转开始事件
  • onStalled - 媒体加载停滞事件
  • onSuspend - 媒体加载暂停事件
  • onTimeUpdate - 媒体时间更新事件
  • onVolumeChange - 媒体音量变化事件
  • onWaiting - 媒体等待事件

12. 其他事件

  • onToggle - <details> 元素的展开/折叠事件

注意事项

  1. 事件命名:React 的事件名采用驼峰命名法(如 onClick ),而不是原生的小写形式(如 onclick )。
  2. 事件池:React 的合成事件会被池化以提高性能,因此事件对象会在回调执行后被清空。如果需要异步访问事件属性,需调用 event.persist() 。在React 17+中,已不需要event.persist(),因为已优化了事件池
  3. 兼容性:合成事件的行为与原生事件一致,但屏蔽了浏览器差异。

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

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

相关文章

从《中国开源年度报告》看中国开源力量的十年变迁中,Apache SeaTunnel 的跃迁

如果把开源世界比作一条奔涌的大河&#xff0c;过去十年里&#xff0c;中国开发者已经从“岸边试水”变成了“中流击水”。在最近落下帷幕的 Community Over Code Asia 2025&#xff0c;华东师范大学教授王伟老师基于《中国开源年度报告》进行的一场分享&#xff0c;用一组数字…

JAVA 程序员cursor 和idea 结合编程

cursor 是基于vscode改良而来的&#xff0c;外加上Claude大语言模型而产生的AI编辑器&#xff0c;市面上也有阿里的灵码qianwen3-coder大语言模型。我个人电脑还是喜欢用idea集成灵码插件开发。但是也稍微介绍下习惯idea的人只是使用cursor代码生成的话&#xff0c;这有个小妙招…

查看部署在K8S服务的资源使用情况

要查看 Pod中 server 的资源使用情况&#xff08;CPU 和内存&#xff09;&#xff0c;你需要使用 Kubernetes 的监控工具。最常用的是 kubectl top 命令。✅ 方法一&#xff1a;使用 kubectl top&#xff08;推荐&#xff09; 1. 查看 Pod 的 CPU 和内存使用 kubectl top pod s…

uni-app vue3 小程序接入 aliyun-rtc-wx-sdk

安装依赖&#xff1a; npm install aliyun-rtc-wx-sdk crypto-jsuni-app&#xff0c;新建一个页面&#xff0c;粘贴以下代码 在阿里云实时音视频补充appId、appKey即可&#xff0c; <template><view class"container"><!-- 用户输入区域 --><vi…

Java技术栈/面试题合集(3)-Java并发篇

场景 Java入门、进阶、强化、扩展、知识体系完善等知识点学习、性能优化、源码分析专栏分享: Java入门、进阶、强化、扩展、知识体系完善等知识点学习、性能优化、源码分析专栏分享_java高级进阶-CSDN博客 通过对面试题进行系统的复习可以对Java体系的知识点进行查漏补缺。…

[AI 生成] Spark 面试题

spark 基础问题面试题以下是 Spark 基础面试题的全面梳理&#xff0c;涵盖核心概念、架构原理和编程模型&#xff0c;帮助快速掌握高频考点&#xff1a;一、核心概念1. Spark 核心组件组件作用Driver执行 main() 方法&#xff0c;调度任务&#xff0c;管理集群资源Executor在 W…

MySQL的DML增删改操作:

目录 添加数据&#xff1a; 方式1&#xff1a;一条一条添加数据&#xff1a; 方式2&#xff1a;将查询结果插入到表中&#xff1a; 更新数据&#xff1a; 删除数据&#xff1a; MySQL8的新特性&#xff1a;计算列&#xff1a; 本文介绍了MySQL数据库操作语言(DML)的基本使…

MySQL运维常用语法速查

&#x1f5c3;️ 一、数据库操作 CREATE DATABASE db_name; USE db_name; DROP DATABASE db_name; SHOW DATABASES;&#x1f517; 官方文档 &#x1f4ca; 二、表操作 表创建示例 CREATE TABLE users (id INT AUTO_INCREMENT PRIMARY KEY,name VARCHAR(50) NOT NULL,email V…

汽车以太网通信协议——SOME/IP

1. 背景 SOME/IP是一种汽车中间件解决方案&#xff0c;其全称是Scalable Service-Oriented Middleware over IP&#xff0c;即位于 IP 协议层以上的一种面向服务的可扩展的中间件。 中间件&#xff1a;该术语起源于复杂的软件系统开发&#xff0c;用以实现软件组件之间的数据交…

什么是负载均衡,有哪些常见算法?

文章目录1.什么是负载均衡2.负载均衡的分类2.1 二层负载均衡2.2 三层负载均衡2.3 四层负载均衡2.4 七层负载均衡3.负载均衡工具3.1 LVS3.2 Nginx3.3 HAProxy4.常见负载均衡算法5.面试回答模板1.什么是负载均衡 为了提升web应用的各方面能力&#xff0c;我们一般会把多台机器组…

PyTorch 核心三件套:Tensor、Module、Autograd

欢迎来到啾啾的博客&#x1f431;。 记录学习点滴。分享工作思考和实用技巧&#xff0c;偶尔也分享一些杂谈&#x1f4ac;。 有很多很多不足的地方&#xff0c;欢迎评论交流&#xff0c;感谢您的阅读和评论&#x1f604;。 目录引言1 Tensor1.1 &#x1f6e0;️Tensor 的核心用…

python源码是如何运行起来的

为什么要了解底层原理 写出高质量代码 问题定位 满足好奇心 机械通感 开始 当我们编写并运行一行 print(Hello, World!) 时&#xff0c;背后究竟发生了什么&#xff1f;Python 代码是如何从我们可读的文本&#xff0c;变成计算机可以执行的指令的呢&#xff1f; 很多人将…

MacOS Docker 安装指南

MacOS Docker 安装指南 引言 Docker 是一个开源的应用容器引擎,它允许开发者打包他们的应用以及应用的依赖包到一个可移植的容器中,然后发布到任何流行的 Linux 机器上,也可以实现虚拟化。容器是完全使用沙箱机制,相互之间不会有任何接口(类似 iPhone 的 app)。Docker …

Cisco 3750X交换机更新到IOS 15.2后无法启动 提示:Boot process failed...

背景及故障现象 一台新购入的二手Cisco 3750X-48P&#xff0c;原机自带IOS软件版本为12.x&#xff0c;可以正常工作。 但将IOS版本升级到15.2之后&#xff0c;在启动过程中卡住。 第一次加载IOS软件时是正常的&#xff0c;提示&#xff1a; Loading "flash:/c3750e-uni…

Redis Redis 常见数据类型

Redis 提供了 5 种数据结构&#xff0c;理解每种数据结构的特点对于 Redis 开发运维非常重要&#xff0c;同时掌握每种数据结构的常见命令&#xff0c;会在使用 Redis 的时候做到游刃有余。 一、预备知识 官方文档&#xff1a;Commands | Docs (redis.io) 1、最核心的两个命令…

金融风控实战:Spring Boot + LightGBM 贷款预测模型服务化(超详细版)

金融风控实战&#xff1a;Spring Boot LightGBM 贷款预测模型服务化&#xff08;超详细版&#xff09;一、整体架构设计二、模型训练与优化1. 特征工程&#xff08;Python&#xff09;2. 模型评估与优化三、Spring Boot 服务实现1. 项目结构2. ONNX 模型服务3. 特征工程服务4.…

前端学习 7:EDA 工具

目录 EDA 工具 Design Ware Synopsys CoreTools 套件 VCS verdi Design Compiler EDA 工具 常用的EDA工具主要来自三家公司&#xff1a;Synopsys、Cadence和Mentor&#xff08;已被Siemens收购&#xff09;。EDA&#xff0c;全称电子设计自动化&#xff08;Electronics …

windows有一个企业微信安装包,脚本执行并安装到d盘。

以下是将本地已有的企业微信安装包安装到D盘的完整PowerShell脚本&#xff0c;包含详细的错误处理和进度反馈&#xff1a; <# .SYNOPSIS使用本地企业微信安装包安装到D盘 .DESCRIPTION自动检测本地安装包&#xff0c;静默安装到指定目录支持.exe和.msi格式安装包 #># 强制…

[LVGL] 布局系统 lv_flex, lv_grid | 输入设备 lv_indev | union

第五章&#xff1a;布局系统&#xff08;lv_flex, lv_grid&#xff09; 欢迎回来&#xff01; 在第四章&#xff1a;样式&#xff08;lv_style&#xff09;中&#xff0c;我们掌握了如何通过色彩、字体和圆角等特性美化部件。当界面元素具备视觉吸引力后&#xff0c;如何优雅…

Linux中的mkdir命令

基本语法mkdir 命令的基本语法如下&#xff1a;mkdir [选项] 目录名创建单个目录要创建一个新目录&#xff0c;只需在 mkdir 后跟上目录名称。例如&#xff1a;mkdir new_folder这会在当前工作目录下创建一个名为 new_folder 的目录。创建多个目录可以一次性创建多个目录&#…