[转] js对键盘输入事件绑定到特定按钮。
<script type="text/javascript" language="javascript">
document.onkeyup = function (event) {
var e = event || window.event;
var keyCode = e.keyCode || e.which;
switch (keyCode) {
case :
$("#btnPrint").click();
break;
case :
$("#btnUpload").click();
break;
default:
break;
}
}
</script>
在Web开发中,有时候我们可能会把页面中的某些按钮绑定到键盘的输入事件中。以上代码能方便实现我们需要的功能。
以下为键盘的所有keyCode :
keycode = BackSpace BackSpace
keycode = Tab Tab
keycode = Clear
keycode = Enter
keycode = Shift_L
keycode = Control_L
keycode = Alt_L
keycode = Pause
keycode = Caps_Lock
keycode = Escape Escape
keycode = space space
keycode = Prior
keycode = Next
keycode = End
keycode = Home
keycode = Left
keycode = Up
keycode = Right
keycode = Down
keycode = Select
keycode = Print
keycode = Execute
keycode = Insert
keycode = Delete
keycode = Help
keycode = equal braceright
keycode = exclam onesuperior
keycode = quotedbl twosuperior
keycode = section threesuperior
keycode = dollar
keycode = percent
keycode = ampersand
keycode = slash braceleft
keycode = parenleft bracketleft
keycode = parenright bracketright
keycode = a A
keycode = b B
keycode = c C
keycode = d D
keycode = e E EuroSign
keycode = f F
keycode = g G
keycode = h H
keycode = i I
keycode = j J
keycode = k K
keycode = l L
keycode = m M mu
keycode = n N
keycode = o O
keycode = p P
keycode = q Q at
keycode = r R
keycode = s S
keycode = t T
keycode = u U
keycode = v V
keycode = w W
keycode = x X
keycode = y Y
keycode = z Z
keycode = KP_0 KP_0
keycode = KP_1 KP_1
keycode = KP_2 KP_2
keycode = KP_3 KP_3
keycode = KP_4 KP_4
keycode = KP_5 KP_5
keycode = KP_6 KP_6
keycode = KP_7 KP_7
keycode = KP_8 KP_8
keycode = KP_9 KP_9
keycode = KP_Multiply KP_Multiply
keycode = KP_Add KP_Add
keycode = KP_Separator KP_Separator
keycode = KP_Subtract KP_Subtract
keycode = KP_Decimal KP_Decimal
keycode = KP_Divide KP_Divide
keycode = F1
keycode = F2
keycode = F3
keycode = F4
keycode = F5
keycode = F6
keycode = F7
keycode = F8
keycode = F9
keycode = F10
keycode = F11
keycode = F12
keycode = F13
keycode = F14
keycode = F15
keycode = F16
keycode = F17
keycode = F18
keycode = F19
keycode = F20
keycode = F21
keycode = F22
keycode = F23
keycode = F24
keycode = Num_Lock
keycode = Scroll_Lock
keycode = acute grave
keycode = comma semicolon
keycode = minus underscore
keycode = period colon
keycode = numbersign apostrophe
keycode = plusminus hyphen macron
keycode = copyright registered
keycode = guillemotleft guillemotright
keycode = masculine ordfeminine
keycode = ae AE
keycode = cent yen
keycode = questiondown exclamdown
keycode = onequarter onehalf threequarters
keycode = less greater bar
keycode = plus asterisk asciitilde
keycode = multiply division
keycode = acircumflex Acircumflex
keycode = ecircumflex Ecircumflex
keycode = icircumflex Icircumflex
keycode = ocircumflex Ocircumflex
keycode = ucircumflex Ucircumflex
keycode = ntilde Ntilde
keycode = yacute Yacute
keycode = oslash Ooblique
keycode = aring Aring
keycode = ccedilla Ccedilla
keycode = thorn THORN
keycode = eth ETH
keycode = diaeresis cedilla currency
keycode = agrave Agrave atilde Atilde
keycode = egrave Egrave
keycode = igrave Igrave
keycode = ograve Ograve otilde Otilde
keycode = ugrave Ugrave
keycode = adiaeresis Adiaeresis
keycode = ediaeresis Ediaeresis
keycode = idiaeresis Idiaeresis
keycode = odiaeresis Odiaeresis
keycode = udiaeresis Udiaeresis
keycode = ssharp question backslash
keycode = asciicircum degree
keycode = sterling
keycode = Mode_switch 使用event对象的keyCode属性判断输入的键值
eg:if(event.keyCode==)alert(“enter!”);
键值对应表
A 0X65 U 0X85
B 0X66 V 0X86
C 0X67 W 0X87
D 0X68 X 0X88
E 0X69 Y 0X89
F 0X70 Z 0X90
G 0X71 0X48
H 0X72 0X49
I 0X73 0X50
J 0X74 0X51
K 0X75 0X52
L 0X76 0X53
M 0X77 0X54
N 0X78 0X55
O 0X79 0X56
P 0X80 0X57
Q 0X81 ESC 0X1B
R 0X82 CTRL 0X11
S 0X83 SHIFT 0X10
T 0X84 ENTER 0XD 如果要使用组合键,则可以利用event.ctrlKey,event.shiftKey,event .altKey判断是否按下了ctrl键、shift键以及alt键
[转] js对键盘输入事件绑定到特定按钮。的更多相关文章
- js对键盘输入事件绑定到特定按钮
转自:https://www.cnblogs.com/liluping860122/archive/2013/05/25/3099103.html<script type="text/ ...
- python开发_tkinter_获取文本框内容_给文本框添加键盘输入事件
在之前的blog中有提到python的tkinter中的菜单操作 python开发_tkinter_窗口控件_自己制作的Python IDEL_博主推荐 python开发_tkinter_窗口控件_自 ...
- 捕获enter键盘事件绑定到登录按钮
/** *捕获enter键盘事件绑定到登录按钮 */ function keyLogin(event) { if (event.keyCode == 13) { document.getElement ...
- Atitit.js的键盘按键事件捆绑and事件调度
Atitit.js的键盘按键事件捆绑and事件调度 1. Best的方法还是 objEvtMap[ id+evt ]=function(evt,element) 2. Event bind funct ...
- Dojo初探之4:dojo的event(鼠标/键盘)事件绑定操作(基于dojo1.11.2版本)
前言: 上一章详解了dojo的dom/query操作,本章基于dom/query基础上进行事件绑定操作 dojo的事件 dojo的事件绑定操作分为鼠标和键盘两种进行详解 1.鼠标事件 我们沿用上一章中 ...
- WPF 捕获键盘输入事件
最近修改的一个需求要求捕获键盘输入的 Text,包括各种标点符号. 最开始想到的是 PreviewKeyDown 或者 PreviewKeyUp 这样的键盘事件. 但是这两个事件的对象 KeyEven ...
- js监控键盘大小写事件
JavaScript键盘事件侦听 在使用JavaScript做WEB键盘事件侦听捕获时,主要采用onkeypress.onkeydown.onkeyup三个事件进行出来.该三个事 件的执行顺序如 ...
- JS从键盘输入当月利润,求应发放奖金总数
题目:企业发放的奖金根据利润提成.利润(I)低于或等于10万元时,奖金可提10%:利润高 于10万元,低于20万元时,低于10万元的部分按10%提成,高于10万元的部分,可可提 成7.5%:20万到4 ...
- qt 向窗口发送消息,键盘输入事件
#include <windows.h> #include <QtDebug> #include <locale> #include <tchar.h> ...
随机推荐
- 解决 使用migrations 执行update-database 出现System.InvalidOperationException: 实例失败的问题
好久没有使用Code First的方式来创建模型了 今天重温了一下 但是出现了很多问题 现在总结一下 在我做完初期的操作的之后,使用 update-database -verbose 更新数据库时, ...
- Msf+Donut执行任意可执行文件
地址:donut:https://github.com/TheWover/donut 介绍:是一个shellcode生成工具,可以将.NET程序集等转换为shellcode. 使用:donut.exe ...
- egrep 正则
首先要记住的是: 正则表达式与通配符不一样,它们表示的含义并不相同!正则表达式只是一种表示法,只要工具支持这种表示法, 那么该工具就可以处理正则表达式的字符串.vim.grep.awk .sed 都支 ...
- HDU-3001 TSP+三进制DP
题意:给出一个无向图,每个点不能被经过超过两次,选择一个起点问经过所有点至少一次的最短路径. 解法:注意此题是每个点不能经过超过两次,这和一般的TSP问题不同.但是也没有使得此题变得很复杂,原来的状态 ...
- Linear Regression(一)——
Linear Regression(一)-- 机器学习 回归 定义 回归的定义 在平面上存在这些点我希望能用一条直线尽可能经过它们. 于是我们画了下面的一条直线 这样的过程就叫做回归. 这个过程中我们 ...
- 视频专家之路【二】:ffmpeg工具的使用
本文是听了雷宵骅大神的课之后的总结,部分内容借用了其PPT的内容,如有侵权请告知删除. 雷宵骅大神的博客为:https://blog.csdn.net/leixiaohua1020 要学习汽修,那么首 ...
- 使用Gradle发布项目到JCenter仓库 (转载)
原文:使用Gradle发布项目到JCenter仓库 这篇文章介绍通过Gradle把开源项目发布到公共仓库JCenter中,方便你我他的事情,我们都是很懒的嘛.JCenter现在是Android Stu ...
- poj 3294 后缀数组+二分
题目大意: 给定n个字符串,求出现在不小于k个字符串中的最长子串 基本思路: 二分长度,统计个数,一般套路,就是这个跟说好的不一样啊,我非得开2倍才不re,真他妈不爽,先二分找出长度,然后根据长度输出 ...
- jquery实现表格复选框---多行选择问题(php变量)
1.html多选框标签行 表头的多选框,用于全选,取消全选 <th><input id='allSelected' type="checkbox">< ...
- HttpClient异常处理手册
HttpClient异常处理手册 开源中国 发表于 2014-08-26 19:44:06 异常处理 HttpClient的使用者在执行HTPP方法(GET,PUT,DELETE等),可能遇到会两种主 ...