[转] 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> ...
随机推荐
- FrameWork内核解析之XMS内核管理(一)上篇
阿里P7Android高级架构进阶视频免费学习请点击:https://space.bilibili.com/474380680本篇文章将继续从以下两个内容来介绍XMS内核管理之AMS: [Activi ...
- ActionEnter cannot be resolved to a type
2014-6-13 23:50:57 org.apache.catalina.core.StandardWrapperValve invoke严重: Servlet.service() for ser ...
- go的目录规范
这里举一个简单的例子:如果我们在建立一个goProject目录,通常在这个目录下我们会创建如下目录 src 存放不同的项目代码 bin 存放编译后的可执行程序 vender 存放引用的第三方库 pgk ...
- android 数据异步加载
public class MainActivity extends Activity { ListView listView; File cache; //访问其他线程在当前线程中存放的数据 Hand ...
- 【牛客网-剑指offer】变态跳台阶
题目: 一只青蛙一次可以跳上1级台阶,也可以跳上2级--它也可以跳上n级.求该青蛙跳上一个n级的台阶总共有多少种跳法. 考点: 递归和循环 分析: 台阶数 跳法 1 1 2 2 3 4 4 8 5 1 ...
- JavaScript翻转字符串方法
先把字符串转化成数组String.prototype.split(),再借助数组的reverse方法翻转数组顺序(Array.prototype.reverse()),然后把数组转化成字符串. 使用的 ...
- svnlook - Subversion 仓库检索工具
SYNOPSIS 总览 svnlook command /path/to/repos [options] [args] OVERVIEW 概述 Subversion 是一个版本控制系统,允许保存旧版本 ...
- word2vec 原理浅析 及高效训练方法
1. https://www.cnblogs.com/cymx66688/p/11185824.html (word2vec中的CBOW 和skip-gram 模型 浅析) 2. https://ww ...
- 认识和学习BASH alias 给长命令起别名 unalias 取消该别名
此图反映了shell所在的位置与作用. 既然Shell与KDE和application等都是用户与Kernel的接口,那为什么还要学习呢?书中也给出了答案. 通用性,可以这样理解,也就是所谓的跨平台机 ...
- Java高并发网络编程(五)Netty应用
推送系统 一.系统设计 二.拆包和粘包 粘包.拆包表现形式 现在假设客户端向服务端连续发送了两个数据包,用packet1和packet2来表示,那么服务端收到的数据可以分为三种,现列举如下: 第一种情 ...