TS-React中的事件类型

110 阅读2分钟

react中的事件ts类型

事件类型描述
AnimationEventCSS动画。
ChangeEvent改变<input><select><textarea>元素的值。
ClipboardEvent使用复制、粘贴和剪切事件。
CompositionEvent由于用户间接输入文本而发生的事件(例如,根据浏览器和PC设置,如果您想在美国键盘上输入日文,可能会出现一个带有附加字符的弹出窗口)。
DragEvent使用指针设备(例如,鼠标)进行拖放交互。
FocusEvent元素获得或失去焦点时发生的事件。
FormEvent每当表单或表单元素获得/失去焦点、表单元素值更改或表单提交时发生的事件。
InvalidEvent当输入的有效性限制失败时触发(例如<input type="number" max="10">,有人插入数字20)。
KeyboardEvent用户与键盘的交互。每个事件描述单个键的交互。
MouseEvent由于用户与指针设备(例如,鼠标)的交互而发生的事件。
PointerEvent由于用户与多种指针设备(如鼠标、笔/触控笔、触摸屏)的交互而发生的事件,它还支持多点触控。除非您为较旧的浏览器(IE10或Safari 12)开发,否则建议使用指针事件。扩展UIEvent
TouchEvent由于用户与触摸设备的交互而发生的事件。扩展UIEvent。
TransitionEventCSS过渡。浏览器支持不完全。扩展UIEvent。
UIEvent鼠标、触摸和指针事件的基本事件。
WheelEvent在鼠标滚轮或类似输入设备上滚动。(注意:wheel事件不应与scroll事件混淆)
SyntheticEvent所有上述事件的基本事件。在不确定事件类型时应使用。
**常见的HTML元素类型**
HTMLInputElement代表 <input> 元素,包含特定的属性,如 valuecheckedtype 等。
HTMLSelectElement代表 <select> 元素,包含 optionslengthselectedIndex 等属性。
HTMLAnchorElement代表 <a>(锚)元素,包括 hreftargetdownload 等属性。
HTMLTextAreaElement代表 <textarea> 元素,提供 rowscolsvalue 等属性。
HTMLDivElement代表 <textarea> 元素,提供 rowscolsvalue 等属性。
HTMLImageElement代表 <img> 元素,包含 srcaltwidthheight 等属性。