js捕捉键盘事件和按键键值的方法


Posted in Javascript onOctober 10, 2016

如下所示:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script language="javascript" type="text/javascript">
function test(){
  alert('test');
}
function Hotkey(event, targetObj, ctrlKey, shiftKey, altKey, keycode){
  if (targetObj && event.ctrlKey == ctrlKey && event.shiftKey == shiftKey && event.altKey == altKey && event.keyCode == keycode)
    targetObj.click();
}
function fnKeyup(event){
  var b = document.getElementById("myButton");
  Hotkey(event, b, true, false, false, 13);
}
if (document.addEventListener){
  document.addEventListener("keyup",fnKeyup,true);
}else{
  document.attachEvent("onkeyup",fnKeyup);
}
</script>
<body>
<input type="button" id="myButton" name="Submit" value="按钮" onclick="test()" />
</body>
</html>

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 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
document.onkeydown = keydown;
function keydown(){
 var keycode = event.keyCode;
 if(keycode == 13) {
 alert("test");
 }
}

<body onload="JavaScript:document.getElementById('textfield2').focus();">

以上就是小编为大家带来的js捕捉键盘事件和按键键值的方法全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
用js计算页面执行时间的函数
Dec 07 Javascript
利用jquery动画特效和css打造的侧边弹出垂直导航
Apr 04 Javascript
javascript使用正则控制input输入框允许输入的值方法大全
Jun 19 Javascript
jquery取子节点及当前节点属性值的方法
Sep 09 Javascript
jQuery插件PageSlide实现左右侧栏导航菜单
Apr 12 Javascript
JavaScript数组_动力节点Java学院整理
Jun 26 Javascript
Angular2监听页面大小变化的解决方法
Oct 09 Javascript
JavaScript寄生组合式继承实例详解
Jan 06 Javascript
vue实现微信浏览器左上角返回按钮拦截功能
Jan 18 Javascript
antd design table更改某行数据的样式操作
Oct 31 Javascript
vue实现无缝轮播效果(跑马灯)
May 14 Vue.js
JavaScript圣杯布局与双飞翼布局实现案例详解
Aug 05 Javascript
js中获取键盘事件的简单实现方法
Oct 10 #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
You might like
php gd2 上传图片/文字水印/图片水印/等比例缩略图/实现代码
2010/05/15 PHP
ThinkPHP3.1基础知识快速入门
2014/06/19 PHP
给WordPress中的留言加上楼层号的PHP代码实例
2015/12/14 PHP
PHP实现执行外部程序的方法详解
2017/08/17 PHP
让 JavaScript 轻松支持函数重载 (Part 2 - 实现)
2009/08/04 Javascript
Extjs gridpanel 出现横向滚动条问题的解决方法
2011/07/04 Javascript
用jquery和json从后台获得数据集的代码
2011/11/07 Javascript
对于this和$(this)的个人理解
2013/09/08 Javascript
JavaScript学习小结(7)之JS RegExp
2015/11/29 Javascript
javascript作用域链(Scope Chain)用法实例解析
2015/11/30 Javascript
基于jquery实现无限级树形菜单
2016/03/22 Javascript
Node.js实现文件上传
2016/07/05 Javascript
JS实现用户注册时获取短信验证码和倒计时功能
2016/10/27 Javascript
深入理解vue中slot与slot-scope的具体使用
2018/01/26 Javascript
Vue iview-admin框架二级菜单改为三级菜单的方法
2018/07/03 Javascript
puppeteer实现html截图的示例代码
2019/01/10 Javascript
JavaScript实现五子棋游戏的方法详解
2019/07/08 Javascript
JS实现动态倒计时功能(天数、时、分、秒)
2019/12/12 Javascript
vue 封装面包屑组件教程
2020/11/16 Javascript
举例讲解Python中的list列表数据结构用法
2016/03/12 Python
深入理解Python装饰器
2016/07/27 Python
Python实现生成随机日期字符串的方法示例
2017/12/25 Python
在Python中字典根据多项规则排序的方法
2019/01/21 Python
pycharm new project变成灰色的解决方法
2019/06/27 Python
tensorflow入门:tfrecord 和tf.data.TFRecordDataset的使用
2020/01/20 Python
python可视化分析的实现(matplotlib、seaborn、ggplot2)
2021/02/03 Python
亚瑟士美国官网:ASICS美国
2017/02/01 全球购物
台湾母婴用品限时团购:妈咪爱
2018/08/03 全球购物
莫斯科的韩国化妆品店:Sifo
2019/12/04 全球购物
招聘专员岗位职责
2014/03/07 职场文书
工程学毕业生自荐信
2014/06/14 职场文书
2014四风问题对照检查材料范文
2014/09/15 职场文书
公司领导班子对照检查存在问题整改措施
2014/10/02 职场文书
家庭困难证明
2014/10/12 职场文书
个性与发展自我评价
2015/03/06 职场文书
靠谱准确的求职信
2019/04/02 职场文书