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 相关文章推荐
jQuery get和post 方法传值注意事项
Nov 03 Javascript
jQuery下通过replace字符串替换实现大小图片切换
May 22 Javascript
如何在JavaScript中实现私有属性的写类方式(二)
Dec 04 Javascript
浅析XMLHttpRequest的缓存问题
Dec 13 Javascript
JS和Jquery获取和修改label的值的示例代码
Jan 15 Javascript
JS组件Bootstrap Table使用方法详解
Feb 02 Javascript
js处理层级数据结构的方法小结
Jan 17 Javascript
js评分组件使用详解
Jun 06 Javascript
vue.js 嵌套循环、if判断、动态删除的实例
Mar 07 Javascript
JS实现百度网盘任意文件强制下载功能
Aug 31 Javascript
微信小程序添加插屏广告并设置显示频率(一天一次)
Dec 06 Javascript
微信小程序点击保存图片到本机功能
Dec 13 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实现把数字ID转字母ID
2013/08/12 PHP
关于JSON以及JSON在PHP中的应用技巧
2013/11/27 PHP
Codeigniter里的无刷新上传的实现代码
2019/04/14 PHP
取键盘键位ASCII码的网页
2007/07/30 Javascript
jQuery 使用手册(七)
2009/09/23 Javascript
再谈javascript面向对象编程
2012/03/18 Javascript
display和visibility的区别示例介绍
2014/02/26 Javascript
JavaScript动态加载样式表的方法
2015/03/21 Javascript
Jquery左右滑动插件之实现超级炫酷动画效果附源码下载
2015/12/02 Javascript
基于JavaScript判断浏览器到底是关闭还是刷新(超准确)
2016/02/01 Javascript
BootStrap 轮播插件(carousel)支持左右手势滑动的方法(三种)
2016/07/07 Javascript
AngularJS中的表单简单入门
2016/07/28 Javascript
浅谈js中子页面父页面方法 变量相互调用
2016/08/04 Javascript
浅谈angularjs $http提交数据探索
2017/01/20 Javascript
js常用的继承--组合式继承
2017/03/06 Javascript
Vue实现动态显示textarea剩余字数
2017/05/22 Javascript
JQuery中DOM节点的操作与访问方法实例分析
2019/12/23 jQuery
Element的el-tree控件后台数据结构的生成以及方法的抽取
2020/03/05 Javascript
Threejs实现滴滴官网首页地球动画功能
2020/07/13 Javascript
vue实现前端列表多条件筛选
2020/10/26 Javascript
[07:31]DOTA2卡尔工作室 英雄介绍主宰篇
2013/06/25 DOTA
机器学习之KNN算法原理及Python实现方法详解
2018/07/09 Python
使用python验证代理ip是否可用的实现方法
2018/07/25 Python
对Python3.x版本print函数左右对齐详解
2018/12/22 Python
pyqt远程批量执行Linux命令程序的方法
2019/02/14 Python
Python实现代码统计工具
2019/09/19 Python
Python使用Opencv实现图像特征检测与匹配的方法
2019/10/30 Python
opencv 图像加法与图像融合的实现代码
2020/07/08 Python
详解Python高阶函数
2020/08/15 Python
印度领先的眼镜电子商务网站:Lenskart
2019/12/16 全球购物
PHP如何设置和取得Cookie值
2015/06/30 面试题
C++程序员求职信
2014/05/07 职场文书
大学专科求职信
2014/07/02 职场文书
2014年法务工作总结
2014/12/11 职场文书
大学毕业谢师宴致辞
2015/07/27 职场文书
Python re.sub 反向引用的实现
2021/07/07 Python