JQuery 键盘事件使用整理
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 键盘事件使用整理相关推荐
- jquery键盘事件全记录
很多时候,我们需要获取用户的键盘事件,下面就一起来看看jquery是如何操作键盘事件的. 一.首先需要知道的是: 1.keydown() keydown事件会在键盘按下时触发. 2.keyup() k ...
- jquery 键盘事件
jQuery处理键盘事件有三个函数,根据事件发生的顺序分别是: keydown(); keyup(); keypress(); keydown() keydown事件会在键盘按下时触发,可以在绑定的函 ...
- 3-3 编程练习:jQuery键盘事件案例
3-3 编程练习 完善下面的代码,在input框中输入内容的时候同样显示在下面的p标签中 <!DOCTYPE html> <html lang="zh-CN"&g ...
- jquery键盘事件
一.首先需要知道的是: 1.keydown() keydown事件会在键盘按下时触发. 2.keyup() keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件 3.keypress() k ...
- 深入了解jquery中的键盘事件
很多时候,我们需要获取用户的键盘事件,下面就一起来看看jquery是如何操作键盘事件的. 一.首先需要知道的是: 1.keydown() keydown事件会在键盘按下时触发. 2.keyup() k ...
- jQuery keyup事件
jQuery keyup is one of the keyboard event methods. Other jQuery keyboard event methods are keydown() ...
- jquery按键事件_jQuery按键事件
jquery按键事件 jQuery keypress is one of the keyboard event methods. Other jQuery keyboard event methods ...
- JQuery键盘控制图片
JQuery键盘控制图片 <html><head><meta charset="UTF-8"><title></title&g ...
- jQuery keydown事件
jQuery keydown is one of the keyboard event methods. Other jQuery keyboard event methods are keyup a ...
最新文章
- Android之给图片去色,返回灰度图片以及ColorMatrix中setSaturation方法的用法
- 简书 java jvm_详细介绍Java虚拟机(JVM)
- halcon知识:工业相机问答(更新中...)
- Scala教程之:Enumeration
- SAP UI5 应用开发教程之三十五 - 如何把本地开发的 SAP UI5 应用部署到 ABAP 服务器上试读版
- java deque_使用Deque
- 临时表、表变量、CTE的比较
- centos6下安装php7的memcached扩展
- heart ultrasound from american society of echocardiography
- 无线安全审计工具FruityWifi初体验
- 阿昌教你Linux密码忘记后如何重置
- 佳能Canon PIXMA MP236 打印机驱动
- Android实战开发--制作圆形头像(简易篇)
- 证件照的尺寸,颜色,用途
- shell编程99乘法口诀
- glib linux,[转载]linux下glib.h的介绍
- 高中生参加的计算机奥赛是,高中生可参加哪些含金量较高的赛事?报名流程指南来了!...
- SEAndroid安全机制框架分析
- xt6使用技巧_凯迪拉克XT6中控按钮图解 XT6车内按键功能说明
- 侯捷C++视频笔记——C++面向对象高级编程(上)