[转] 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> ...
随机推荐
- org-mode记录总结
org-mode记录总结 */--> code {color: #FF0000} pre.src {background-color: #002b36; color: #839496;} cod ...
- Neo4j数据库学习一:安装和数据类型常用命令简介
Neo4j数据库是图数据库 在数据库中,只有节点Nodes和关系Relationships Nodes用圆圈表示,Relationships用有向箭头表示 关系和节点都有属性(键值对) 安装3.3.7 ...
- CentOS7 部署单节点 FastDFS
准备 环境 系统:CentOS7.5 软件即依赖 libfatscommon FastDFS分离出的一些公用函数包 FastDFS fastdfs-nginx-module FastDFS和nginx ...
- Ubuntu apt-get 更新/查看软件
ubuntu 升级软件: sudo apt-get update 更新源 sudo apt-get upgrade 更新已安装的包 sudo apt-get dist-upgrade 升级系统 ubu ...
- Win7下设置一键关闭所有程序的功能
(文章仅作个人整理和笔记) 在很多情况下,上班族发生这种情况的比较多吧,忙碌的一天下来,准备下班走人的时候,发现自己的电脑打开了好多程序,需要一个一个去关闭,那么有没有什么方法可以实现一键快速关闭所有 ...
- 求背景图片左边到#box盒子左边框外侧的距离
box{ width: 100px; height: 200px; background: pink; padding: 100px; border: 80px solid; background-i ...
- 【LeetCode】BFS || DFS [2017.04.10--2017.04.17]
[102] Binary Tree Level Order Traversal [Medium-Easy] [107] Binary Tree Level Order Traversal II [Me ...
- Java虚拟机(一)
一.Java发展历程 Java之父,James Gosling博士 时间 事件 1991年4月 James Gosling博士领导的Green Project启动,java语言前身Oak启动 1995 ...
- linux环境安装opencv导入依赖报错问题
linux环境通过pip安装opencv后,导入cv2时报错: 在centos和ubuntu环境下都遇到相同的问题.报错原因: 缺少共享库 有两种解决办法: 一.使用如下命令查看缺少得共享库 yum ...
- webapp兼容问题解决
1. IOS移动端click事件300ms的延迟响应 移动设备上的web网页是有300ms延迟的,玩玩会造成按钮点击延迟甚至是点击失效.这是由于区分单击事件和双击屏幕缩放的历史原因造成的, 2007年 ...