JavaScript笔记—JavaScript keyCode属性
2023-09-11 14:15:12 时间
🐋关于keyCode属性
keyCode 属性返回onkeypress事件触发的键的值的字符代码,或者 onkeydown 或 onkeyup 事件的键的代码。
两种代码类型的区别是:
- 字符代码 - 表示 ASCII 字符的数字
- 键盘代码 - 表示键盘上真实键的数字
两种类型的值不是都相等的,例如小写字符 "w" 和大写字符 "W" 有相同的键盘代码,因为他们他们键盘上 ( "W" 代码为 "87"),但是它们有不同的字符代码,两个字符输出是不一样的( "w" 和 "W" 字符代码为 "119" 和 "87")
🐋keyCode对照表
🧩字母和数字键的键码值(keyCode) 按键 键码 按键 键码 按键 键码 按键 键码 A 65 J 74 S 83 1 49 B 66 K 75 T 84 2 50 C 67 L 76 U 85 3 51 D 68 M 77 V 86 4 52 E 69 N 78 W 87 5 53 F 70 O 79 X 88 6 54 G 71 P 80 Y 89 7 55 H 72 Q 81 Z 90 8 56 I 73 R 82 0 48 9 57
🧩数字键盘上的键的键码值(keyCode) 按键 键码 按键 键码 0 96 8 104 1 97 9 105 2 98 * 106 3 99 + 107 4 100 Enter 108 5 101 - 109 6 102 . 110 7 103 / 111
🧩功能键键码值(keyCode) 按键 键码 按键 键码 F1 112 F7 118 F2 113 F8 119 F3 114 F9 120 F4 115 F10 121 F5 116 F11 122 F6 117 F12 123
🧩控制键键码值(keyCode) 按键 键码 按键 键码 按键 键码 按键 键码 BackSpace 8 Esc 27 Right Arrow 39 -_ 189 Tab 9 Spacebar 32 Dw Arrow 40 .> 190 Clear 12 Page Up 33 Insert 45 /? 191 Enter 13 Page Down 34 Delete 46 `~ 192 Shift 16 End 35 Num Lock 144 [{ 219 Control 17 Home 36 ;: 186 \| 220 Alt 18 Left Arrow 37 =+ 187 ]} 221 Cape Lock 20 Up Arrow 38 ,< 188 '" 222
🧩多媒体键码值(keyCode) 按键 键码 音量加 175 音量减 174 停止 179 静音 173 浏览器 172 邮件 180 搜索 170 收藏 171
相关文章
- JavaScript动画实例:递归分形图动态展示
- 【学习笔记43】JavaScript的事件
- 26dwr - DWR中的JavaScript(创造一个与 Java 对象匹配的 Javascript 对象)
- JavaScript - 根据对象数组中某一属性删除该项(根据数组对象属性删除里面的对象)
- 如何选择Javascript模板引擎(javascript template engine)?
- 【JavaScript】Javascript中的函数声明和函数表达式
- JavaScript Book Plan
- javascript 冒泡
- JavaScript 文件处理
- JavaScript概述-第1章
- 《JavaScript面向对象精要》——1.5 访问属性
- 《HTML、CSS、JavaScript 网页制作从入门到精通》——6.5 表格的行属性
- 《移动网页设计与开发 HTML5+CSS3+JavaScript》—— 2.7 数据属性
- 《JavaScript高效图形编程(修订版)》——6.9 画布和递归绘图
- 《JavaScript启示录》——1.20 构造函数创建的实例可拥有自己独立的属性(实例属性)
- [学习笔记]Javascript的包装对象
- JS: javascript 点击事件执行两次js问题 ,解决jquery绑定click事件出现点击一次执行两次问题
- 详细理解javascript中的强制类型转换
- JavaScript 的 4 种数组遍历方法: for VS forEach() VS for/in VS for/of
- JavaScript中8个常见的陷阱
- 华为OD机试 - 判断牌型(JavaScript) | 机试题+算法思路+考点+代码解析 【2023】
- JavaScript之面向对象的概念,对象属性和对象属性的特性简介
- JavaScript之ClassName属性学习
- JavaScript之childNodes属性、nodeType属性学习
- javascript的创建对象object.create()和属性检测hasOwnPrototype()和propertyIsEnumerable()
- CEF3研究(四)之javascript集成
- JavaScript 自制可以替换属性的模板引擎(Template)