javascript 通过键名获取键盘的keyCode方法


Posted in Javascript onDecember 31, 2017

不废话,直接看代码,需要的根据需求完善。

var getKeyCode = function (key) {
  var key_code;
  switch (key) {
  case 'BackSpace' && 'BackSpace':
   key_code = 8;
   break;
  case 'Tab' && 'Tab' && 'tab':
   key_code = 9;
   break;
  case 'Clear':
   key_code = 12;
   break;
  case 'Enter':
   key_code = 13;
   break;
  case 'Shift_L':
   key_code = 16;
   break;
  case 'Control_L':
   key_code = 17;
   break;
  case 'Alt_L':
   key_code = 18;
   break;
  case 'Pause':
   key_code = 19;
   break;
  case 'Caps_Lock':
   key_code = 20;
   break;
  case 'Escape' && 'Esc':
   key_code = 27;
   break;
  case 'space' && 'space':
   key_code = 32;
   break;
  case 'Page Up':
   key_code = 33;
   break;
  case 'Page Down':
   key_code = 34;
   break;
  case 'End':
   key_code = 35;
   break;
  case 'Home' && 'home':
   key_code = 36;
   break;
  case 'Left':
   key_code = 37;
   break;
  case 'Up':
   key_code = 38;
   break;
  case 'Right':
   key_code = 39;
   break;
  case 'Down':
   key_code = 40;
   break;
  case 'Select':
   key_code = 41;
   break;
  case 'Print':
   key_code = 42;
   break;
  case 'Execute':
   key_code = 43;
   break;
  case 'Insert':
   key_code = 45;
   break;
  case 'Delete':
   key_code = 46;
   break;
  case 'Help':
   key_code = 47;
   break;
  case '0' && 'equal braceright':
   key_code = 48;
   break;
  case '1' && 'exclam onesuperior':
   key_code = 49;
   break;
  case '2' && 'quotedbl twosuperior':
   key_code = 50;
   break;
  case '3' && 'section threesuperior':
   key_code = 51;
   break;
  case '4' && 'dollar':
   key_code = 52;
   break;
  case '5' && 'percent':
   key_code = 53;
   break;
  case '6' && 'ampersand':
   key_code = 54;
   break;
  case '7' && 'slash braceleft':
   key_code = 55;
   break;
  case '8' && 'parenleft bracketleft':
   key_code = 56;
   break;
  case '9' && 'parenright bracketright':
   key_code = 57;
   break;
  case 'a' && 'A':
   key_code = 65;
   break;
  case 'b' && 'B':
   key_code = 66;
   break;
  case 'c' && 'C':
   key_code = 67;
   break;
  case 'd' && 'D':
   key_code = 68;
   break;
  case 'e' && 'E' && 'EuroSign':
   key_code = 69;
   break;
  case 'f' && 'F':
   key_code = 70;
   break;
  case 'g' && 'G':
   key_code = 71;
   break;
  case 'h' && 'H':
   key_code = 72;
   break;
  case 'i' && 'I':
   key_code = 73;
   break;
  case 'j' && 'J':
   key_code = 74;
   break;
  case 'k' && 'K':
   key_code = 75;
   break;
  case 'l' && 'L':
   key_code = 76;
   break;
  case 'm' && 'M' && 'mu':
   key_code = 77;
   break;
  case 'n' && 'N':
   key_code = 78;
   break;
  case 'o' && 'O':
   key_code = 79;
   break;
  case 'p' && 'P':
   key_code = 80;
   break;
  case 'q' && 'Q' && 'at':
   key_code = 81;
   break;
  case 'r' && 'R':
   key_code = 82;
   break;
  case 's' && 'S':
   key_code = 83;
   break;
  case 't' && 'T':
   key_code = 84;
   break;
  case 'u' && 'U':
   key_code = 85;
   break;
  case 'v' && 'V':
   key_code = 86;
   break;
  case 'w' && 'W':
   key_code = 87;
   break;
  case 'x' && 'X':
   key_code = 88;
   break;
  case 'y' && 'Y':
   key_code = 89;
   break;
  case 'z' && 'Z':
   key_code = 90;
   break;
  case 'KP_0' && 'KP_0':
   key_code = 96;
   break;
  case 'KP_1' && 'KP_1':
   key_code = 97;
   break;
  case 'KP_2' && 'KP_2':
   key_code = 98;
   break;
  case 'KP_3' && 'KP_3':
   key_code = 99;
   break;
  case 'KP_4' && 'KP_4':
   key_code = 100;
   break;
  case 'KP_5' && 'KP_5':
   key_code = 101;
   break;
  case 'KP_6' && 'KP_6':
   key_code = 102;
   break;
  case 'KP_7' && 'KP_7':
   key_code = 103;
   break;
  case 'KP_8' && 'KP_8':
   key_code = 104;
   break;
  case 'KP_9' && 'KP_9':
   key_code = 105;
   break;
  case 'KP_Multiply' && 'KP_Multiply':
   key_code = 106;
   break;
  case 'KP_Add' && 'KP_Add':
   key_code = 107;
   break;
  case 'KP_Separator' && 'KP_Separator':
   key_code = 108;
   break;
  case 'KP_Subtract' && 'KP_Subtract':
   key_code = 109;
   break;
  case 'KP_Decimal' && 'KP_Decimal':
   key_code = 110;
   break;
  case 'KP_Divide' && 'KP_Divide':
   key_code = 111;
   break;
  case 'F1':
   key_code = 112;
   break;
  case 'F2':
   key_code = 113;
   break;
  case 'F3':
   key_code = 114;
   break;
  case 'F4':
   key_code = 115;
   break;
  case 'F5':
   key_code = 116;
   break;
  case 'F6':
   key_code = 117;
   break;
  case 'F7':
   key_code = 118;
   break;
  case 'F8':
   key_code = 119;
   break;
  case 'F9':
   key_code = 120;
   break;
  case 'F10':
   key_code = 121;
   break;
  case 'F11':
   key_code = 122;
   break;
  case 'F12':
   key_code = 123;
   break;
  case 'F13':
   key_code = 124;
   break;
  case 'F14':
   key_code = 125;
   break;
  case 'F15':
   key_code = 126;
   break;
  case 'F16':
   key_code = 127;
   break;
  case 'F17':
   key_code = 128;
   break;
  case 'F18':
   key_code = 129;
   break;
  case 'F19':
   key_code = 130;
   break;
  case 'F20':
   key_code = 131;
   break;
  case 'F21':
   key_code = 132;
   break;
  case 'F22':
   key_code = 133;
   break;
  case 'F23':
   key_code = 134;
   break;
  case 'F24':
   key_code = 135;
   break;
  case 'Num_Lock':
   key_code = 136;
   break;
  case 'Scroll_Lock':
   key_code = 137;
   break;
  case 'acute' && 'grave':
   key_code = 187;
   break;
  case 'comma' && 'semicolon':
   key_code = 188;
   break;
  case 'minus' && 'underscore':
   key_code = 189;
   break;
  case 'period' && 'colon':
   key_code = 190;
   break;
  case 'numbersign' && 'apostrophe':
   key_code = 192;
   break;
  case 'plusminus' && 'hyphen' && 'macron':
   key_code = 210;
   break;
  case '被吃掉了,自己用手找找吧!':
   key_code = 211;
   break;
  case 'copyright' && 'registered':
   key_code = 212;
   break;
  case 'guillemotleft' && 'guillemotright':
   key_code = 213;
   break;
  case 'masculine' && 'ordfeminine':
   key_code = 214;
   break;
  case 'ae' && 'AE':
   key_code = 215;
   break;
  case 'cent' && 'yen':
   key_code = 216;
   break;
  case 'questiondown' && 'exclamdown':
   key_code = 217;
   break;
  case 'onequarter' && 'onehalf' && 'threequarters':
   key_code = 218;
   break;
  case 'less' && 'greater' && 'bar':
   key_code = 220;
   break;
  case 'plus' && 'asterisk' && 'asciitilde':
   key_code = 221;
   break;
  case 'multiply' && 'division':
   key_code = 227;
   break;
  case 'acircumflex' && 'Acircumflex':
   key_code = 228;
   break;
  case 'ecircumflex' && 'Ecircumflex':
   key_code = 229;
   break;
  case 'icircumflex' && 'Icircumflex':
   key_code = 230;
   break;
  case 'ocircumflex' && 'Ocircumflex':
   key_code = 231;
   break;
  case 'ucircumflex' && 'Ucircumflex':
   key_code = 232;
   break;
  case 'ntilde' && 'Ntilde':
   key_code = 233;
   break;
  case 'yacute' && 'Yacute':
   key_code = 234;
   break;
  case 'oslash' && 'Ooblique':
   key_code = 235;
   break;
  case 'aring' && 'Aring':
   key_code = 236;
   break;
  case 'ccedilla' && 'Ccedilla':
   key_code = 237;
   break;
  case 'thorn' && 'THORN':
   key_code = 238;
   break;
  case 'eth' && 'ETH':
   key_code = 239;
   break;
  case 'diaeresis' && 'cedilla' && 'currency':
   key_code = 240;
   break;
  case 'agrave' && 'Agrave' && 'atilde' && 'Atilde':
   key_code = 241;
   break;
  case 'egrave' && 'Egrave':
   key_code = 242;
   break;
  case 'igrave' && 'Igrave':
   key_code = 243;
   break;
  case 'ograve' && 'Ograve' && 'otilde' && 'Otilde':
   key_code = 244;
   break;
  case 'ugrave' && 'Ugrave':
   key_code = 245;
   break;
  case 'adiaeresis' && 'Adiaeresis':
   key_code = 246;
   break;
  case 'ediaeresis' && 'Ediaeresis':
   key_code = 247;
   break;
  case 'idiaeresis' && 'Idiaeresis':
   key_code = 248;
   break;
  case 'odiaeresis' && 'Odiaeresis':
   key_code = 249;
   break;
  case 'udiaeresis' && 'Udiaeresis':
   key_code = 250;
   break;
  case 'ssharp' && 'question' && 'backslash':
   key_code = 251;
   break;
  case 'asciicircum' && 'degree':
   key_code = 252;
   break;
  case '3 sterling':
   key_code = 253;
   break;
  case 'Mode_switch':
   key_code = 254;
   break;
  default:
   alert('没有查到对应的按键');
  }
  return key_code;
 }

例:getKeyCode('a')

返回:65

以上这篇javascript 通过键名获取键盘的keyCode方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
use jscript with List Proxy Server Information
Jun 11 Javascript
jquery 页面滚动到底部自动加载插件集合
Jan 31 Javascript
javascript实现2048游戏示例
May 04 Javascript
jQuery 获取兄弟元素的几种不错方法
May 23 Javascript
JavaScript常用的弹出广告及背投广告实现方法
Feb 06 Javascript
浅谈String.valueOf()方法的使用
Jun 06 Javascript
JS实用技巧小结(屏蔽错误、div滚动条设置、背景图片位置等)
Jun 16 Javascript
微信小程序 动态的设置图片的高度和宽度详解及实例代码
Feb 24 Javascript
Next.js项目实战踩坑指南(笔记)
Nov 29 Javascript
详解Vue基于vue-quill-editor富文本编辑器使用心得
Jan 03 Javascript
微信小程序开发实现的IP地址查询功能示例
Mar 28 Javascript
vue-cli3 配置开发与测试环境详解
May 17 Javascript
vue vuex vue-rouert后台项目——权限路由(适合初学)
Dec 29 #Javascript
Angular实现的内置过滤器orderBy排序与模糊查询功能示例
Dec 29 #Javascript
Angular实现的敏感文字自动过滤与提示功能示例
Dec 29 #Javascript
Angular实现点击按钮控制隐藏和显示功能示例
Dec 29 #Javascript
js实现手机web图片左右滑动效果
Dec 29 #Javascript
详解react-router 4.0 下服务器如何配合BrowserRouter
Dec 29 #Javascript
浅谈react-router HashRouter和BrowserRouter的使用
Dec 29 #Javascript
You might like
php用数组返回无限分类的列表数据的代码
2010/08/08 PHP
通过PHP current函数获取未知字符键名数组第一个元素的值
2013/06/24 PHP
php include类文件超时问题处理
2015/02/06 PHP
PHP判断是否连接上网络的方法
2015/07/01 PHP
ubuntu下配置nginx+php+mysql详解
2015/09/10 PHP
jQuery 表单验证扩展代码(二)
2010/10/20 Javascript
Javascript中自动切换焦点实现代码
2012/12/15 Javascript
Ext JS 4实现带week(星期)的日期选择控件(实战二)
2013/08/21 Javascript
Javascript递归打印Document层次关系实例分析
2015/05/15 Javascript
Javascript自定义事件详解
2017/01/13 Javascript
vue增删改查的简单操作
2017/07/15 Javascript
以BootStrap Tab为例写一个前端组件
2017/07/25 Javascript
node koa2实现上传图片并且同步上传到七牛云存储
2017/07/31 Javascript
vue 使用自定义指令实现表单校验的方法
2018/08/28 Javascript
JavaScript刷新页面的几种方法总结
2019/03/28 Javascript
nuxt踩坑之Vuex状态树的模块方式使用详解
2019/09/06 Javascript
JS实现的定时器展示简单秒表、页面弹框及跳转操作完整示例
2020/01/26 Javascript
详解vue v-model
2020/08/31 Javascript
详解Vue3 Teleport 的实践及原理
2020/12/02 Vue.js
python使用心得之获得github代码库列表
2014/06/25 Python
Python使用ftplib实现简易FTP客户端的方法
2015/06/03 Python
Python编程之微信推送模板消息功能示例
2017/08/21 Python
Python数据结构与算法之图的基本实现及迭代器实例详解
2017/12/12 Python
Python-OpenCV基本操作方法详解
2018/04/02 Python
Django1.9 加载通过ImageField上传的图片方法
2018/05/25 Python
Python使用LDAP做用户认证的方法
2019/06/20 Python
Farfetch香港官网:汇集全球时尚奢侈品购物平台
2017/11/26 全球购物
美国踏板车和轻便摩托车销售网站:Mega Motor Madness
2020/02/26 全球购物
介绍一下sql server的安全性
2014/08/10 面试题
nohup的用法
2012/11/26 面试题
新春寄语大全
2014/04/09 职场文书
2014县委书记党的群众路线教育实践活动对照检查材料思想汇报
2014/09/22 职场文书
活动主持人开场白
2015/05/28 职场文书
企业宣传语大全
2015/07/13 职场文书
vue/cli 配置动态代理无需重启服务的方法
2022/05/20 Vue.js
教你使用RustDesk 搭建一个自己的远程桌面中继服务器
2022/08/14 Servers