keydown、input 和 keyup 事件
2024-09-07 17:59:34
keydown
、keyup
属于键盘事件,input
属于文本事件。
keydown
:当用户按下键盘上的任意按键时触发,如果按住不放,会重复触发此事件。keyup
:当用户释放键盘上的按键时触发。input
:当元素内容发生改变时触发,这些元素指<input>
、<select>
、<textarea>
和指定了contenteditable
属性的元素。
举个例子:当我们在一个输入框中输入文本时,会依次触发下列事件:
keydown
事件 ——> input
事件 ——> keyup
事件。
每个事件传递给事件处理函数的事件对象的目标元素值(event.target.value
)是这样的(假设开始时输入框中有一个文本 你
,我们又输入了 好
):
keydown
事件的目标元素值:你
。input
事件的目标元素值:你好
。keyup
事件的目标元素值:你好
。
可以观察到,keydown
事件返回的值是输入框之前那个状态时包含的值,这一点要注意。
(完)
最新文章
- 美化select下拉框
- android开源框架android-async-http使用
- Activiti系列: 如何在web中使用activiti和sql server
- 让我们一起学习《Node.js入门》一书吧!
- 时间日期设置--ctime头文件
- 限制su权限
- [itint5]单词变换
- 物联网MQTT协议分析和开源Mosquitto部署验证
- sync fsync fdatasync ---systemtap跟踪
- poj 3009 Curling 2.0 (dfs )
- --@angularJS--综合小实例1
- 低版本eclipse导入高版本eclipse创建项目报错问题
- idea配置jetty服务器,通过mvn实现
- ERROR: ORA-12560: TNS: 协议适配器错误,解决办法:启动OracleServiceORCL服务
- js 前端图片压缩+ios图片角度旋转
- String 类
- Linux服务器限制ssh登录,查看登录日志
- Git操作手册(开发人员)
- JavaSE从入门到精通
- (链表) leetcode 328. Odd Even Linked List