js通过keyCode值判断单击键盘上某个键,然后触发指定的事件方法


Posted in Javascript onFebruary 19, 2017

当单击按键时触发事件

document.onkeydown = function (e) {
      e = e || event;
      if (e.keyCode == 13) { //判断是否单击的enter按键(回车键)
        document.getElementByIdx_x_x("txtid").click();
        return false;
      }
  }

解释:keycode的值表示对应键盘的那个键

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

以上这篇js通过keyCode值判断单击键盘上某个键,然后触发指定的事件方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
基于jQuery的星级评分插件
Aug 12 Javascript
Jquery倒数计时按钮setTimeout的实例代码
Jul 04 Javascript
你未必知道的JavaScript和CSS交互的5种方法
Apr 02 Javascript
javascript实现2048游戏示例
May 04 Javascript
javascript获取隐藏元素(display:none)的高度和宽度的方法
Jun 06 Javascript
对于jQuery性能的一些优化建议
Aug 13 Javascript
学JavaScript七大注意事项【必看】
May 04 Javascript
jquery实现自适应banner焦点图
Feb 16 Javascript
浅谈 Vue v-model指令的实现原理
Jun 08 Javascript
vue绑定设置属性的多种方式(5)
Aug 16 Javascript
使用vuepress搭建静态博客的示例代码
Feb 14 Javascript
微信小程序实现列表左右滑动
Nov 19 Javascript
基于Angular.js实现的触摸滑动动画实例代码
Feb 19 #Javascript
JS变量中有var定义和无var定义的区别以及es6中let命令和const命令
Feb 19 #Javascript
jQuery实现一个简单的轮播图
Feb 19 #Javascript
js 博客内容进度插件详解
Feb 19 #Javascript
ajax接收后台数据在html页面显示
Feb 19 #Javascript
Boostrap栅格系统与自己额外定义的媒体查询的冲突问题
Feb 19 #Javascript
JavaScript中无法通过div.style.left获取值的解决方法
Feb 19 #Javascript
You might like
用PHP调用数据库的存贮过程!
2006/10/09 PHP
PHP 实现文件压缩解压操作的方法
2019/06/14 PHP
laravel多条件查询方法(and,or嵌套查询)
2019/10/09 PHP
使用laravel的Eloquent模型如何获取数据库的指定列
2019/10/17 PHP
js textarea自动增高并隐藏滚动条
2009/12/16 Javascript
jquery中的查找parents与closest方法之间的区别
2013/12/02 Javascript
javascripit实现密码强度检测代码分享
2013/12/12 Javascript
ParseInt函数参数设置介绍
2014/01/02 Javascript
详解JavaScript中void语句的使用
2015/06/04 Javascript
Vue-cli proxyTable 解决开发环境的跨域问题详解
2017/05/18 Javascript
AngularJS 中的数据源的循环输出
2017/10/12 Javascript
es6新特性之 class 基本用法解析
2018/05/05 Javascript
vue在自定义组件中使用v-model进行数据绑定的方法
2019/03/25 Javascript
element 中 el-menu 组件的无限极循环思路代码详解
2020/04/26 Javascript
Vue3 的响应式和以前有什么区别,Proxy 无敌?
2020/05/20 Javascript
js实现tab栏切换效果
2020/08/02 Javascript
解决Python中由于logging模块误用导致的内存泄露
2015/04/23 Python
基于python实现微信模板消息
2015/12/21 Python
python中闭包Closure函数作为返回值的方法示例
2017/12/17 Python
python 脚本生成随机 字母 + 数字密码功能
2018/05/26 Python
Python使用分布式锁的代码演示示例
2018/07/30 Python
python远程连接MySQL数据库
2019/04/19 Python
Python 用三行代码提取PDF表格数据
2019/10/13 Python
Python 爬虫实现增加播客访问量的方法实现
2019/10/31 Python
使用anaconda安装pytorch的实现步骤
2020/09/03 Python
详解canvas.toDataURL()报错的解决方案全都在这了
2020/03/31 HTML / CSS
Spartoo芬兰:欧洲最大的网上鞋店
2016/08/28 全球购物
瑰珀翠美国官网:Crabtree & Evelyn美国
2016/11/29 全球购物
大型车展策划方案
2014/02/01 职场文书
CAD制图人员的自荐信
2014/02/07 职场文书
节能减耗标语
2014/06/21 职场文书
社区好人好事材料
2014/12/26 职场文书
计划生育个人总结
2015/03/02 职场文书
茶花女读书笔记
2015/06/29 职场文书
2016年教师节特级教师获奖感言
2015/12/09 职场文书
vue+echarts实现多条折线图
2022/03/21 Vue.js