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
事件触发更加频繁,因为它在每次值变化时都会触发