js中获取键盘事件的简单实现方法


Posted in Javascript onOctober 10, 2016
<script type="text/javascript" language=JavaScript charset="UTF-8">
   document.onkeydown=function(event){
      var e = event || window.event || arguments.callee.caller.arguments[0];
      if(e && e.keyCode==27){ // 按 Esc 
        //要做的事情
       }
      if(e && e.keyCode==113){ // 按 F2 
         //要做的事情
        }      
       if(e && e.keyCode==13){ // enter 键
         //要做的事情
      }
    }; 
</script>

只要你定义了这些键的动作,你在浏览器里按下这些键就会响应,兼容目前所有浏览器。

js 里面的键盘事件经常用到,所以收集了键盘事件对应的键码来分享下:
keyCode 8 = BackSpace BackSpace
keyCode 9 = Tab Tab
keyCode 12 = Clear
keyCode 13 = Enter
keyCode 16 = Shift_L
keyCode 17 = Control_L
keyCode 18 = Alt_L
keyCode 19 = Pause
keyCode 20 = Caps_Lock
keyCode 27 = Escape Escape
keyCode 32 = space
keyCode 33 = Prior
keyCode 34 = Next
keyCode 35 = End
keyCode 36 = Home
keyCode 37 = Left
keyCode 38 = Up
keyCode 39 = Right
keyCode 40 = Down
keyCode 41 = Select
keyCode 42 = Print
keyCode 43 = Execute
keyCode 45 = Insert
keyCode 46 = Delete
keyCode 47 = Help
keyCode 48 = 0 equal braceright
keyCode 49 = 1 exclam onesuperior
keyCode 50 = 2 quotedbl twosuperior
keyCode 51 = 3 section threesuperior
keyCode 52 = 4 dollar
keyCode 53 = 5 percent
keyCode 54 = 6 ampersand
keyCode 55 = 7 slash braceleft
keyCode 56 = 8 parenleft bracketleft
keyCode 57 = 9 parenright bracketright
keyCode 65 = a A
keyCode 66 = b B
keyCode 67 = c C
keyCode 68 = d D
keyCode 69 = e E EuroSign
keyCode 70 = f F
keyCode 71 = g G
keyCode 72 = h H
keyCode 73 = i I
keyCode 74 = j J
keyCode 75 = k K
keyCode 76 = l L
keyCode 77 = m M mu
keyCode 78 = n N
keyCode 79 = o O
keyCode 80 = p P
keyCode 81 = q Q at
keyCode 82 = r R
keyCode 83 = s S
keyCode 84 = t T
keyCode 85 = u U
keyCode 86 = v V
keyCode 87 = w W
keyCode 88 = x X
keyCode 89 = y Y
keyCode 90 = z Z
keyCode 96 = KP_0 KP_0
keyCode 97 = KP_1 KP_1
keyCode 98 = KP_2 KP_2
keyCode 99 = KP_3 KP_3
keyCode 100 = KP_4 KP_4
keyCode 101 = KP_5 KP_5
keyCode 102 = KP_6 KP_6
keyCode 103 = KP_7 KP_7
keyCode 104 = KP_8 KP_8
keyCode 105 = KP_9 KP_9
keyCode 106 = KP_Multiply KP_Multiply
keyCode 107 = KP_Add KP_Add
keyCode 108 = KP_Separator KP_Separator
keyCode 109 = KP_Subtract KP_Subtract
keyCode 110 = KP_Decimal KP_Decimal
keyCode 111 = KP_Divide KP_Divide
keyCode 112 = F1
keyCode 113 = F2
keyCode 114 = F3
keyCode 115 = F4
keyCode 116 = F5
keyCode 117 = F6
keyCode 118 = F7
keyCode 119 = F8
keyCode 120 = F9
keyCode 121 = F10
keyCode 122 = F11
keyCode 123 = F12
keyCode 124 = F13
keyCode 125 = F14
keyCode 126 = F15
keyCode 127 = F16
keyCode 128 = F17
keyCode 129 = F18
keyCode 130 = F19
keyCode 131 = F20
keyCode 132 = F21
keyCode 133 = F22
keyCode 134 = F23
keyCode 135 = F24
keyCode 136 = Num_Lock
keyCode 137 = Scroll_Lock
keyCode 187 = acute grave
keyCode 188 = comma semicolon
keyCode 189 = minus underscore
keyCode 190 = period colon
keyCode 192 = numbersign apostrophe
keyCode 210 = plusminus hyphen macron
keyCode 211 =
keyCode 212 = copyright registered
keyCode 213 = guillemotleft guillemotright
keyCode 214 = masculine ordfeminine
keyCode 215 = ae AE
keyCode 216 = cent yen
keyCode 217 = questiondown exclamdown
keyCode 218 = onequarter onehalf threequarters
keyCode 220 = less greater bar
keyCode 221 = plus asterisk asciitilde
keyCode 227 = multiply division
keyCode 228 = acircumflex Acircumflex
keyCode 229 = ecircumflex Ecircumflex
keyCode 230 = icircumflex Icircumflex
keyCode 231 = ocircumflex Ocircumflex
keyCode 232 = ucircumflex Ucircumflex
keyCode 233 = ntilde Ntilde
keyCode 234 = yacute Yacute
keyCode 235 = oslash Ooblique
keyCode 236 = aring Aring
keyCode 237 = ccedilla Ccedilla
keyCode 238 = thorn THORN
keyCode 239 = eth ETH
keyCode 240 = diaeresis cedilla currency
keyCode 241 = agrave Agrave atilde Atilde
keyCode 242 = egrave Egrave
keyCode 243 = igrave Igrave
keyCode 244 = ograve Ograve otilde Otilde
keyCode 245 = ugrave Ugrave
keyCode 246 = adiaeresis Adiaeresis
keyCode 247 = ediaeresis Ediaeresis
keyCode 248 = idiaeresis Idiaeresis
keyCode 249 = odiaeresis Odiaeresis
keyCode 250 = udiaeresis Udiaeresis
keyCode 251 = ssharp question backslash
keyCode 252 = asciicircum degree
keyCode 253 = 3 sterling
keyCode 254 = Mode_switch
使用event对象的keyCode属性判断输入的键值
eg:if(event.keyCode==13)alert(“enter!”);
键值对应表
A0X65  U 
0X85
B
0X66  V
 0X86
C
0X67  W
 0X87
D
0X68  X 
0X88
E
0X69  Y
 0X89
F
0X70  Z
 0X90
G
0X71  0
 0X48
H
0X72  1
 0X49
I
0X73  2
 0X50
J
0X74  3 
0X51
K
0X75  4 
0X52
L
0X76  5 
0X53
M
0X77  6
 0X54
N
0X78  7 
0X55
O
0X79  8 
0X56
P
0X80  9 
0X57
Q
0X81 ESC
0X1B
R
0X82 CTRL  0X11
S
0X83 SHIFT 0X10
T
0X84 ENTER 0XD

如果要使用组合键,则可以判断是否同时按下了这几个键,比如ctrl键、shift键以及alt键的组合使用就可以判断是否多按下了ctrl键、shift键以及alt键

以上就是小编为大家带来的js中获取键盘事件的简单实现方法全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
JavaScript日历实现代码
Sep 12 Javascript
JavaScript插入动态样式实现代码
Feb 22 Javascript
js用正则表达式来验证表单(比较齐全的资源)
Nov 17 Javascript
利用JavaScript实现新闻滚动效果(实例代码)
Nov 27 Javascript
js鼠标滑轮滚动事件绑定的简单实例(兼容主流浏览器)
Jan 14 Javascript
js中实现多态采用和继承类似的方法
Aug 22 Javascript
基于Bootstrap实现下拉菜单项和表单导航条(两个菜单项,一个下拉菜单和登录表单导航条)
Jul 22 Javascript
javascript实现瀑布流动态加载图片原理
Aug 12 Javascript
socket.io实现在线群聊功能
Apr 07 Javascript
laydate日历控件使用方法详解
Nov 20 Javascript
angular中子控制器向父控制器传值的实例
Oct 08 Javascript
Element Cascader 级联选择器的使用示例
Jul 27 Javascript
轻松实现jquery选项卡切换效果
Oct 10 #Javascript
为jQuery-easyui的tab组件添加右键菜单功能的简单实例
Oct 10 #Javascript
Javascript生成带参数的二维码示例
Oct 10 #Javascript
详细讲解JavaScript中的this绑定
Oct 10 #Javascript
jQuery EasyUI 右键菜单--关闭标签/选项卡的简单实例
Oct 10 #Javascript
jQuery EasyUI右键菜单实现关闭标签/选项卡
Oct 10 #Javascript
JavaScript 判断一个对象{}是否为空对象的简单方法
Oct 09 #Javascript
You might like
全世界最小的php网页木马一枚 附PHP木马的防范方法
2009/10/09 PHP
PHP+Mysql日期时间如何转换(UNIX时间戳和格式化日期)
2012/07/15 PHP
ThinkPHP自定义Redis处理SESSION的实现方法
2016/05/16 PHP
CakePHP框架Model关联对象用法分析
2017/08/04 PHP
JQuery Ajax 跨域访问的解决方案
2010/03/12 Javascript
jquery 插件学习(四)
2012/08/06 Javascript
JS获取浏览器语言动态加载JS文件示例代码
2014/10/31 Javascript
JavaScript学习笔记之JS对象
2015/01/22 Javascript
微信小程序 实战程序简易新闻的制作
2017/01/09 Javascript
详解webpack3编译兼容IE8的正确姿势
2017/12/21 Javascript
详解node.js 下载图片的 2 种方式
2018/03/02 Javascript
在vue项目中引入highcharts图表的方法(详解)
2018/03/05 Javascript
js实现时钟定时器
2020/03/26 Javascript
[02:32]DOTA2英雄基础教程 祸乱之源
2013/12/23 DOTA
python根据出生年份简单计算生肖的方法
2015/03/27 Python
Django中数据库的数据关系:一对一,一对多,多对多
2018/10/21 Python
django 外键model的互相读取方法
2018/12/15 Python
PyTorch中Tensor的维度变换实现
2019/08/18 Python
python实现Oracle查询分组的方法示例
2020/04/30 Python
win10安装python3.6的常见问题
2020/07/01 Python
详解Tensorflow不同版本要求与CUDA及CUDNN版本对应关系
2020/08/04 Python
如何利用python正则表达式匹配版本信息
2020/12/09 Python
巴黎卡诗加拿大官网:Kérastase加拿大
2018/11/12 全球购物
Travelstart沙特阿拉伯:廉价航班、豪华酒店和实惠的汽车租赁优惠
2019/04/06 全球购物
GWT的应用有哪两种部署模式
2012/12/21 面试题
女大学生毕业找工作的自我评价
2013/10/03 职场文书
医学实习生自我鉴定
2013/12/12 职场文书
2014年教师业务学习材料
2014/05/12 职场文书
民族学专业职业生涯规划范文:积跬步以至千里
2014/09/11 职场文书
2014年学生会主席工作总结
2014/11/07 职场文书
周年庆典答谢词
2015/01/20 职场文书
四十年同学聚会致辞
2015/07/28 职场文书
公文写作指导之倡议书!
2019/07/03 职场文书
为什么mysql字段要使用NOT NULL
2021/05/13 MySQL
JS创建或填充任意长度数组的小技巧汇总
2021/10/24 Javascript
阿里面试Nacos配置中心交互模型是push还是pull原理解析
2022/07/23 Java/Android