<input> 标签可以使用多种事件属性,用于监听用户交互或输入状态的变化,以下是常见的类别及具体事件:
1. 输入内容相关
- onInput :输入框内容实时变化时触发(如打字、删除、粘贴等),无需等待失去焦点。
- onChange :内容改变且输入框失去焦点时触发(常用于确认用户输入完成)。
- onSelect :输入框中的文本被选中时触发(如用鼠标选中部分内容)。
2. 焦点相关
- onFocus :输入框获得焦点时触发(如用户点击输入框准备输入)。
- onBlur :输入框失去焦点时触发(如用户点击输入框外区域)。
3. 键盘操作相关
- onKeyDown :按下键盘按键时触发(包括功能键,如Shift、Backspace)。
- onKeyUp :松开键盘按键时触发。
- onKeyPress :按下并松开字符键时触发(主要针对可输入字符的按键)。
4. 鼠标操作相关
- onClick :点击输入框时触发。
- onDblClick :双击输入框时触发。
- onMouseOver :鼠标指针移到输入框上时触发。
- onMouseOut :鼠标指针离开输入框时触发。
5. 表单验证/提交相关
- onInvalid :输入内容不符合验证规则(如 required 、 pattern )时触发(常用于提交表单时)。
- onReset :所在表单被重置时,输入框恢复默认值触发。
这些事件可根据需求组合使用,例如用 onFocus 提示输入规则, onInput 实时校验, onBlur 检查完整性等。