keydownkeyup 属于键盘事件,input 属于文本事件。

  1. keydown:当用户按下键盘上的任意按键时触发,如果按住不放,会重复触发此事件。
  2. keyup:当用户释放键盘上的按键时触发。
  3. input:当元素内容发生改变时触发,这些元素指 <input><select><textarea> 和指定了 contenteditable 属性的元素。

举个例子:当我们在一个输入框中输入文本时,会依次触发下列事件:

keydown 事件 ——> input 事件 ——> keyup 事件。

每个事件传递给事件处理函数的事件对象的目标元素值(event.target.value)是这样的(假设开始时输入框中有一个文本 ,我们又输入了 ):

  1. keydown 事件的目标元素值:
  2. input 事件的目标元素值:你好
  3. keyup 事件的目标元素值:你好

可以观察到,keydown 事件返回的值是输入框之前那个状态时包含的值,这一点要注意。

(完)

最新文章

  1. 美化select下拉框
  2. android开源框架android-async-http使用
  3. Activiti系列: 如何在web中使用activiti和sql server
  4. 让我们一起学习《Node.js入门》一书吧!
  5. 时间日期设置--ctime头文件
  6. 限制su权限
  7. [itint5]单词变换
  8. 物联网MQTT协议分析和开源Mosquitto部署验证
  9. sync fsync fdatasync ---systemtap跟踪
  10. poj 3009 Curling 2.0 (dfs )
  11. --@angularJS--综合小实例1
  12. 低版本eclipse导入高版本eclipse创建项目报错问题
  13. idea配置jetty服务器,通过mvn实现
  14. ERROR: ORA-12560: TNS: 协议适配器错误,解决办法:启动OracleServiceORCL服务
  15. js 前端图片压缩+ios图片角度旋转
  16. String 类
  17. Linux服务器限制ssh登录,查看登录日志
  18. Git操作手册(开发人员)
  19. JavaSE从入门到精通
  20. (链表) leetcode 328. Odd Even Linked List

热门文章

  1. 在DIV里面让图片居中
  2. android jUnit test 进行自动化测试
  3. List&lt;Map&gt; 排序
  4. win7系统清除USBSTOR记录
  5. C# 动态加载WebService
  6. mongodb数据操作(CRUD)
  7. oracle 函数中,一定要注意出现空记录和多条记录的处理方法
  8. 01_java之基本语法
  9. linux进行Java开发环境的部署
  10. C语言之随机数和字符串输入输出