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 相关文章推荐
用 Javascript 验证表单(form)中多选框(checkbox)值
Sep 08 Javascript
js获取图片长和宽度的代码
Nov 24 Javascript
jquery实现点击变换导航样式的方法
Aug 31 Javascript
原生js实现类似fullpage的单页/全屏滚动
Jan 22 Javascript
JavaScript实现简单的四则运算计算器完整实例
Apr 28 Javascript
JQuery 获取多个select标签option的text内容(实例)
Sep 07 jQuery
vue如何通过id从列表页跳转到对应的详情页
May 01 Javascript
vue 解决addRoutes动态添加路由后刷新失效问题
Jul 02 Javascript
小程序实现左滑删除效果
Jul 25 Javascript
让mocha支持ES6模块的方法实现
Jan 14 Javascript
vue将data恢复到初始状态 && 重新渲染组件实例
Sep 04 Javascript
vue使用节流函数的踩坑实例指南
May 20 Vue.js
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 代码规范小结
2012/03/08 PHP
基于php伪静态的实现详细介绍
2013/04/28 PHP
PHP基于GD库的缩略图生成代码(支持jpg,gif,png格式)
2014/06/19 PHP
CodeIgniter框架数据库事务处理的设计缺陷和解决方案
2014/07/25 PHP
js树形控件脚本代码
2008/07/24 Javascript
Jquery Ajax请求代码(2)
2011/01/07 Javascript
javascript小组件 原生table排序表格脚本(兼容ie firefox opera chrome)
2012/07/25 Javascript
javascript实现的平方米、亩、公顷单位换算小程序
2014/08/11 Javascript
jquery表单验证插件(jquery.validate.js)的3种使用方式
2015/03/28 Javascript
JavaScript 面向对象与原型
2015/04/10 Javascript
实例讲解避免javascript冲突的方法
2016/01/03 Javascript
过期软件破解办法实例详解
2017/01/04 Javascript
js中的面向对象入门
2017/03/06 Javascript
JavaScript原生数组Array常用方法
2017/04/06 Javascript
AngularJS中的拦截器实例详解
2017/04/07 Javascript
Vuex和前端缓存的整合策略详解
2017/05/09 Javascript
Vue v2.4中新增的$attrs及$listeners属性使用教程
2018/01/08 Javascript
Javascript之高级数组API的使用实例
2019/03/08 Javascript
Node.js中package.json中库的版本号(~和^)
2019/04/02 Javascript
JavaScript事件委托实现原理及优点进行
2020/08/29 Javascript
在vue中通过render函数给子组件设置ref操作
2020/11/17 Vue.js
Python之时间和日期使用小结
2019/02/14 Python
python实现数据分析与建模
2019/07/11 Python
python编写微信公众号首图思路详解
2019/12/13 Python
Python IDLE或shell中切换路径的操作
2020/03/09 Python
HTML5实践-图片设置成灰度图
2012/11/12 HTML / CSS
机电一体化专业应届本科生求职信
2013/09/27 职场文书
医学院毕业生自荐信
2013/11/08 职场文书
商务专员岗位职责
2013/11/23 职场文书
员工薪酬福利制度
2014/01/17 职场文书
cf收人广告词
2014/03/14 职场文书
购房意向书
2014/08/30 职场文书
4S店客服专员岗位职责
2015/04/07 职场文书
《藏戏》教学反思
2016/02/23 职场文书
Django中session进行权限管理的使用
2021/07/09 Python
Pandas数据结构之Series的使用
2022/03/31 Python