<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对键盘输入事件绑定到特定按钮。的更多相关文章

  1. js对键盘输入事件绑定到特定按钮

    转自:https://www.cnblogs.com/liluping860122/archive/2013/05/25/3099103.html<script type="text/ ...

  2. python开发_tkinter_获取文本框内容_给文本框添加键盘输入事件

    在之前的blog中有提到python的tkinter中的菜单操作 python开发_tkinter_窗口控件_自己制作的Python IDEL_博主推荐 python开发_tkinter_窗口控件_自 ...

  3. 捕获enter键盘事件绑定到登录按钮

    /** *捕获enter键盘事件绑定到登录按钮 */ function keyLogin(event) { if (event.keyCode == 13) { document.getElement ...

  4. Atitit.js的键盘按键事件捆绑and事件调度

    Atitit.js的键盘按键事件捆绑and事件调度 1. Best的方法还是 objEvtMap[ id+evt ]=function(evt,element) 2. Event bind funct ...

  5. Dojo初探之4:dojo的event(鼠标/键盘)事件绑定操作(基于dojo1.11.2版本)

    前言: 上一章详解了dojo的dom/query操作,本章基于dom/query基础上进行事件绑定操作 dojo的事件 dojo的事件绑定操作分为鼠标和键盘两种进行详解 1.鼠标事件 我们沿用上一章中 ...

  6. WPF 捕获键盘输入事件

    最近修改的一个需求要求捕获键盘输入的 Text,包括各种标点符号. 最开始想到的是 PreviewKeyDown 或者 PreviewKeyUp 这样的键盘事件. 但是这两个事件的对象 KeyEven ...

  7. js监控键盘大小写事件

    JavaScript键盘事件侦听    在使用JavaScript做WEB键盘事件侦听捕获时,主要采用onkeypress.onkeydown.onkeyup三个事件进行出来.该三个事 件的执行顺序如 ...

  8. JS从键盘输入当月利润,求应发放奖金总数

    题目:企业发放的奖金根据利润提成.利润(I)低于或等于10万元时,奖金可提10%:利润高 于10万元,低于20万元时,低于10万元的部分按10%提成,高于10万元的部分,可可提 成7.5%:20万到4 ...

  9. qt 向窗口发送消息,键盘输入事件

    #include <windows.h> #include <QtDebug> #include <locale> #include <tchar.h> ...

随机推荐

  1. 在不打开excel的情况下用python执行excel

    import win32com.client import time path = r'absolute dir' #比如填文件的绝对路径,比如d:/file/stock.xlsx xl = win3 ...

  2. tomcat+nginx 单机部署多应用LINUX

    1.首先虚拟机上安装nginx 和tomcat,这里安装就不赘述了. nginx安装可以参考https://www.linuxidc.com/Linux/2016-09/134907.htm,相关配置 ...

  3. css点击按钮,依次动态展开面板动画效果

    <a href="#one">按钮1</a> <a href="#two">按钮2</a> <a href ...

  4. ionic3.0 中带顶部导航的下拉刷新列表的实现

    1.最终实现效果 2.html代码布局: 3.css样式控制(注:下面这两个css类名需在浏览器解析后才可看到)

  5. icomoon字体图标引用代码

    1.第一步在样式里声明字体:告诉别人我们自己定义的字体. @font-face{ /*声明字体 引用字体*/ font-family:'icomoon'; src:url('fonts/icomoon ...

  6. PHP面向对象简易验证码类

    PHP简易验证码类 <?php class authCode { private static $instance = null; #实例对象 private $width = 120; #图片 ...

  7. Thinkphp5获取文件上传信息

    Thinkphp5内置有处理文件上传的方法,因在开发文档没有找到获取上传文件基本信息的说明,故在这里做一下记录. $file = request()->file('input类型为file的na ...

  8. web框架express学习一

    服务端 node app.jsapp.jslet express = require("express"); let http = require("http" ...

  9. go导入包

    go导入包 go有很多内置的函数,例如println,不需要引用即可使用.但是如果不借助go的标准库或者第三方库,我们能做的事情有限.在go中,使用关键字import在代码中导入一个包并使用. 修改我 ...

  10. Yii2 使用十一 在设置enablePrettyUrl时候,defaultAction的设置方法

    启用美化Url的功能 'urlManager' => [ 'enablePrettyUrl' => true, 'showScriptName' => false, 'enableS ...