<input>标签常用的事件属性

<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 检查完整性等。