[转] 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> ...
随机推荐
- Oracle日志查看
一.Oracle日志的路径: 登录:sqlplus "/as sysdba" 查看路径:SQL> select * from v$logfile; SQL> selec ...
- __user表示是一个user mode的pointer,所以kernel不可能直接使用。
__user表示是一个用户空间的指针,所以kernel不可能直接使用. #ifdef __CHECKER__# define __user __attribute__((noderef, addres ...
- win10 虚拟机VMware 14中CentOS7文件共享
一,环境 主机:win10 家庭版 软件:VMware 14 系统:CentOS 7 二,设置共享文件 右键虚拟机->选择设置 如图:创建共享文件 三,安装VMware Tools 然后进入ce ...
- 在我的Mint上安装网易云音乐
首先到网易官网下载Ubuntu版本的安装包,哪个版本多少位没多大所谓啦 然而会出现类似如下的依赖错误: dpkg: 依赖关系问题使得 netease-cloud-music 的配置工作不能继续: ne ...
- linux下samba共享服务器搭建详解
这两天业务需求搭了一台服务器.要求samba共享文件. 葡萄美酒月光杯的前戏就省了,我们直接上干货. 1.yum方式安装samba yum -y install samba 2.将/etc/sam ...
- 2018-12-2-C#-Span-入门
title author date CreateTime categories C# Span 入门 lindexi 2018-12-02 11:32:46 +0800 2018-06-18 11:1 ...
- dubbo-源码阅读之服务发布
原理 dubbo根据spring 2.0的schma实现 解析xml并初始化相关bean 初始化dubbo:service为ServiceBean实例 通过spring的生命周期相应回调实现服务发布 ...
- rest framework之渲染器
一.内置渲染器 REST框架包括许多内置的Renderer类,它们允许你使用各种媒体类型返回响应.还支持定义你自己的自定义渲染器. 内置渲染器的使用 1.全局设置 可以使用DEFAULT_RENDER ...
- vue 使用Better-Scroll
注意点 1. 外层容器wrapper要设置高度,并且overflow:hidden. 2. wrapper里面的需要一个div包裹所有内容 3. 样式成功 4. 以上就是可以滚动的情况,wrappe ...
- Qt 【遍历文件夹文件,为listwidgetItem设置图标】
效果图如上,通过qt本身的api去获取文件夹中文件的信息并且将其显示到listwidget上.只遍历当前文件夹的文件, 若文件夹中的子文件夹含有符合筛选器的文件那么并不会一同筛选出来 参考百度:htt ...