Input 事件
Input 事件是与表单输入元素相关的事件集合,以下是主要的 input 相关事件:
基础输入事件
input: 当输入值发生变化时触发change: 当输入值改变且失去焦点时触发focus: 当元素获得焦点时触发blur: 当元素失去焦点时触发
日志输出
键盘相关事件
keydown: 当键盘按键被按下时触发keyup: 当键盘按键被释放时触发keypress: 当键盘字符键被按下时触发(已废弃,建议使用keydown)
日志输出
复制粘贴事件
copy: 当内容被复制时触发cut: 当内容被剪切时触发paste: 当内容被粘贴时触发
日志输出
选择事件
select: 当文本被选中时触发selectstart: 当开始选择文本时触发
日志输出
IME 输入事件
beforeinput: 在输入即将发生变化时触发,可用于输入验证compositionstart: 当输入法编辑器开始新的输入时触发compositionupdate: 当输入法编辑器输入字符时触发compositionend: 当输入法编辑器结束输入时触发
日志输出
注意事项
- 这些事件可以通过
addEventListener或on{eventName}属性来监听 - 不同的表单元素可能支持不同的事件
- 某些事件(如
keypress)已被废弃,建议使用新的替代事件 input事件比change事件触发更加频繁,因为它在每次值变化时都会触发