1. Js 键盘事件

1.键盘按下,keydown,在键盘上按下某个键时触发。如果按住某个键,会不断触发该事件

2.键盘松开,keyup,该事件仅在松开键盘时触发一次,不是一个持续的响应状态。

3.字符键——键盘按下并松开,keypress,按下某个键盘键并释放时触发。如果按住某个键,会不断触发该事件。该事件处理函数返回 false 时,会取消默认的动作(如输入的键盘字符)。

事件响应顺序:

当按下键盘时,会连续触发多个事件,它们将按如下顺序发生。

对于字符键来说,键盘事件的响应顺序:keydown → keypress → keyup。

对于非字符键(如功能键或特殊键)来说,键盘事件的相应顺序:keydown → keyup。

如果按下字符键不放,则 keydown 和 keypress 事件将逐个持续发生,直至松开按键。

如果按下非字符键不放,则只有 keydown 事件持续发生,直至松开按键。

2.JQuery键盘事件

.keydown()

.keyup()

.keypress():字符键

3.键盘事件常用参数

event.keyCode 键盘上对应的AscII码

键位和码值对照表
键位 码值 键位 码值
0~9(数字键) 48~57 A~Z(字母键) 65~90
Backspace(退格键) 8 Tab(制表键) 9
Enter(回车键) 13 Space(空格键) 32
Left arrow(左箭头键) 37 Top arrow(上箭头键) 38
Right arrow(右箭头键) 39 Down arrow(下箭头键) 40

键盘定义了很多属性,如下表所示。利用这些属性可以精确控制键盘操作。键盘事件属性一般只在键盘相关事件发生时才会存在于事件对象中,但是 ctrlKey 和 shiftKey 属性除外,因为它们可以在水保事件中存在。例如,当按下 Ctrl 或Shift 键时单击鼠标操作。

键盘事件定义的属性
属性 说明
keyCode 该属性包含键盘中对应键位的键值
charCode 该属性包含键盘中对应键位的 Unicode 编码,仅 DOM 支持
target 发生事件的节点(包含元素),仅 DOM 支持
srcElement 发生事件的元素,仅 IE 支持
shiftKey 是否按下 Shift 键,如果按下返回 true,否则为false
ctrlKey 是否按下 Ctrl 键,如果按下返回 true,否则为false
altKey 是否按下 Alt 键,如果按下返回 true,否则为false
metaKey 是否按下 Mtea 键,如果按下返回 true,否则为false,仅 DOM 支持

更多:

JQuery 鼠标事件使用汇总

Jquery 事件绑定使用整理

JQuery图片滚动展示组件1_jCarouselLite图片滚动展示使用

JQuery 键盘事件使用整理相关推荐

  1. jquery键盘事件全记录

    很多时候,我们需要获取用户的键盘事件,下面就一起来看看jquery是如何操作键盘事件的. 一.首先需要知道的是: 1.keydown() keydown事件会在键盘按下时触发. 2.keyup() k ...

  2. jquery 键盘事件

    jQuery处理键盘事件有三个函数,根据事件发生的顺序分别是: keydown(); keyup(); keypress(); keydown() keydown事件会在键盘按下时触发,可以在绑定的函 ...

  3. 3-3 编程练习:jQuery键盘事件案例

    3-3 编程练习 完善下面的代码,在input框中输入内容的时候同样显示在下面的p标签中 <!DOCTYPE html> <html lang="zh-CN"&g ...

  4. jquery键盘事件

    一.首先需要知道的是: 1.keydown() keydown事件会在键盘按下时触发. 2.keyup() keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件 3.keypress() k ...

  5. 深入了解jquery中的键盘事件

    很多时候,我们需要获取用户的键盘事件,下面就一起来看看jquery是如何操作键盘事件的. 一.首先需要知道的是: 1.keydown() keydown事件会在键盘按下时触发. 2.keyup() k ...

  6. jQuery keyup事件

    jQuery keyup is one of the keyboard event methods. Other jQuery keyboard event methods are keydown() ...

  7. jquery按键事件_jQuery按键事件

    jquery按键事件 jQuery keypress is one of the keyboard event methods. Other jQuery keyboard event methods ...

  8. JQuery键盘控制图片

    JQuery键盘控制图片 <html><head><meta charset="UTF-8"><title></title&g ...

  9. jQuery keydown事件

    jQuery keydown is one of the keyboard event methods. Other jQuery keyboard event methods are keyup a ...

最新文章

  1. Android之给图片去色,返回灰度图片以及ColorMatrix中setSaturation方法的用法
  2. 简书 java jvm_详细介绍Java虚拟机(JVM)
  3. halcon知识:工业相机问答(更新中...)
  4. Scala教程之:Enumeration
  5. SAP UI5 应用开发教程之三十五 - 如何把本地开发的 SAP UI5 应用部署到 ABAP 服务器上试读版
  6. java deque_使用Deque
  7. 临时表、表变量、CTE的比较
  8. centos6下安装php7的memcached扩展
  9. heart ultrasound from american society of echocardiography
  10. 无线安全审计工具FruityWifi初体验
  11. 阿昌教你Linux密码忘记后如何重置
  12. 佳能Canon PIXMA MP236 打印机驱动
  13. Android实战开发--制作圆形头像(简易篇)
  14. 证件照的尺寸,颜色,用途
  15. shell编程99乘法口诀
  16. glib linux,[转载]linux下glib.h的介绍
  17. 高中生参加的计算机奥赛是,高中生可参加哪些含金量较高的赛事?报名流程指南来了!...
  18. SEAndroid安全机制框架分析
  19. xt6使用技巧_凯迪拉克XT6中控按钮图解 XT6车内按键功能说明
  20. 侯捷C++视频笔记——C++面向对象高级编程(上)

热门文章

  1. (openstack)ERROR: publicURL endpoint for volumev service not found
  2. 从0-1做产品快速启动,大型干货案例分享
  3. 【创建索引的三种方式】
  4. 基于Keras:手写数字识别
  5. 华为认证哪个方向考的人多?考试费用是多少?
  6. 红外光谱的理论与实践
  7. 设计模式之项目审批职责链模式
  8. uniapp 日期选择器、u-select选择器
  9. 利用Spyder将数据库的数据导入xls表格中
  10. 方建生:阿里巴巴助力打造数字经济县域发展新样本