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 相关文章推荐
jquery弹出层类代码分享
Dec 27 Javascript
简化版手机端照片预览组件
Apr 13 Javascript
js判断图片加载完成后获取图片实际宽高的方法
Feb 25 Javascript
js基本算法:冒泡排序,二分查找的简单实例
Oct 08 Javascript
ionic开发中点击input时键盘自动弹出
Dec 23 Javascript
Angular 4依赖注入学习教程之ValueProvider的使用(七)
Jun 04 Javascript
jQuery实现页码跳转式动态数据分页
Dec 31 jQuery
webpack 模块热替换原理
Apr 09 Javascript
简单的React SSR服务器渲染实现
Dec 11 Javascript
axios+Vue实现上传文件显示进度功能
Apr 14 Javascript
Vue实现验证码功能
Dec 03 Javascript
微信小程序canvas开发水果老虎机的思路详解
Feb 07 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+Html+缓存
2006/12/20 PHP
php下使用SMTP发邮件的代码
2008/01/10 PHP
php中的字符编码转换函数用法示例
2014/10/20 PHP
PHP魔术方法__GET、__SET使用实例
2014/11/25 PHP
php实现两表合并成新表并且有序排列的方法
2014/12/05 PHP
Yii2第三方类库插件Imagine的安装和使用
2017/07/06 PHP
Thinkphp5框架使用validate实现验证功能的方法
2019/08/27 PHP
PHP数组array类常见操作示例
2020/05/15 PHP
Javascript的各种节点操作实例演示代码
2012/06/27 Javascript
JS实现图片产生波纹一样flash效果的方法
2015/02/27 Javascript
JS 数字转换为大写金额的简单实例
2016/08/04 Javascript
jquery动态创建div与input的实例代码
2016/10/12 Javascript
jQuery图片轮播功能实例代码
2017/01/29 Javascript
在AngularJs中设置请求头信息(headers)的方法及不同方法的比较
2018/09/04 Javascript
vue项目中使用Svg的方法
2018/10/24 Javascript
如何解决js函数防抖、节流出现的问题
2019/06/17 Javascript
javascript面向对象创建对象的方式小结
2019/07/29 Javascript
JavaScript制作3D旋转相册
2020/08/02 Javascript
js验证账户名是否重复
2020/05/26 Javascript
[01:07:57]DOTA2-DPC中国联赛 正赛 Ehome vs Magma BO3 第二场 1月19日
2021/03/11 DOTA
Python中关于Sequence切片的下标问题详解
2017/06/15 Python
Python自定义线程池实现方法分析
2018/02/07 Python
使用apidocJs快速生成在线文档的实例讲解
2018/02/07 Python
python如何为创建大量实例节省内存
2018/03/20 Python
python使用正则表达式(Regular Expression)方法超详细
2019/12/30 Python
使用CSS3实现一个3D相册效果实例
2016/12/03 HTML / CSS
课程设计心得体会
2013/12/28 职场文书
英语老师推荐信
2014/02/26 职场文书
先进教育工作者事迹材料
2014/12/23 职场文书
领导干部考核评语
2015/01/04 职场文书
2015年护士节慰问信
2015/03/23 职场文书
2015年暑假生活总结
2015/07/13 职场文书
街道办残联2016年助残日活动总结
2016/04/01 职场文书
2016五四青年节活动总结范文
2016/04/06 职场文书
Java生成读取条形码和二维码的简单示例
2021/07/09 Java/Android
Python人工智能之混合高斯模型运动目标检测详解分析
2021/11/07 Python