`
wx1568908808
  • 浏览: 31383 次
文章分类
社区版块
存档分类
最新评论

js中获取键盘事件

 
阅读更多
<script type="text/javascript" language=JavaScript charset="UTF-8">
      document.οnkeydοwn=function(event){
            var e = event || window.event || arguments.callee.caller.arguments[0];
           if(e && e.keyCode==27){ // 按 Esc 
                 //要做的事情
               }
           if(e && e.keyCode==113){ // 按 F2 
                 //要做的事情
              }            
             if(e && e.keyCode==13){ // enter 键
                 //要做的事情
           }
        }; 
</script>
 只要你定义了这些键的动作,你在浏览器里按下这些键就会响应,兼容目前所有浏览器。

js 里面的键盘事件经常用到,所以收集了键盘事件对应的键码来分享下:
keyCode 8 = BackSpace BackSpace
keyCode 9 = Tab Tab
keyCode 12 = Clear
keyCode 13 = Enter
keyCode 16 = Shift_L
keyCode 17 = Control_L
keyCode 18 = Alt_L
keyCode 19 = Pause
keyCode 20 = Caps_Lock
keyCode 27 = Escape Escape
keyCode 32 = space
keyCode 33 = Prior
keyCode 34 = Next
keyCode 35 = End
keyCode 36 = Home
keyCode 37 = Left
keyCode 38 = Up
keyCode 39 = Right
keyCode 40 = Down
keyCode 41 = Select
keyCode 42 = Print
keyCode 43 = Execute
keyCode 45 = Insert
keyCode 46 = Delete
keyCode 47 = Help
keyCode 48 = 0 equal braceright
keyCode 49 = 1 exclam onesuperior
keyCode 50 = 2 quotedbl twosuperior
keyCode 51 = 3 section threesuperior
keyCode 52 = 4 dollar
keyCode 53 = 5 percent
keyCode 54 = 6 ampersand
keyCode 55 = 7 slash braceleft
keyCode 56 = 8 parenleft bracketleft
keyCode 57 = 9 parenright bracketright
keyCode 65 = a A
keyCode 66 = b B
keyCode 67 = c C
keyCode 68 = d D
keyCode 69 = e E EuroSign
keyCode 70 = f F
keyCode 71 = g G
keyCode 72 = h H
keyCode 73 = i I
keyCode 74 = j J
keyCode 75 = k K
keyCode 76 = l L
keyCode 77 = m M mu
keyCode 78 = n N
keyCode 79 = o O
keyCode 80 = p P
keyCode 81 = q Q at
keyCode 82 = r R
keyCode 83 = s S
keyCode 84 = t T
keyCode 85 = u U
keyCode 86 = v V
keyCode 87 = w W
keyCode 88 = x X
keyCode 89 = y Y
keyCode 90 = z Z
keyCode 96 = KP_0 KP_0
keyCode 97 = KP_1 KP_1
keyCode 98 = KP_2 KP_2
keyCode 99 = KP_3 KP_3
keyCode 100 = KP_4 KP_4
keyCode 101 = KP_5 KP_5
keyCode 102 = KP_6 KP_6
keyCode 103 = KP_7 KP_7
keyCode 104 = KP_8 KP_8
keyCode 105 = KP_9 KP_9
keyCode 106 = KP_Multiply KP_Multiply
keyCode 107 = KP_Add KP_Add
keyCode 108 = KP_Separator KP_Separator
keyCode 109 = KP_Subtract KP_Subtract
keyCode 110 = KP_Decimal KP_Decimal
keyCode 111 = KP_Divide KP_Divide
keyCode 112 = F1
keyCode 113 = F2
keyCode 114 = F3
keyCode 115 = F4
keyCode 116 = F5
keyCode 117 = F6
keyCode 118 = F7
keyCode 119 = F8
keyCode 120 = F9
keyCode 121 = F10
keyCode 122 = F11
keyCode 123 = F12
keyCode 124 = F13
keyCode 125 = F14
keyCode 126 = F15
keyCode 127 = F16
keyCode 128 = F17
keyCode 129 = F18
keyCode 130 = F19
keyCode 131 = F20
keyCode 132 = F21
keyCode 133 = F22
keyCode 134 = F23
keyCode 135 = F24
keyCode 136 = Num_Lock
keyCode 137 = Scroll_Lock
keyCode 187 = acute grave
keyCode 188 = comma semicolon
keyCode 189 = minus underscore
keyCode 190 = period colon
keyCode 192 = numbersign apostrophe
keyCode 210 = plusminus hyphen macron
keyCode 211 =
keyCode 212 = copyright registered
keyCode 213 = guillemotleft guillemotright
keyCode 214 = masculine ordfeminine
keyCode 215 = ae AE
keyCode 216 = cent yen
keyCode 217 = questiondown exclamdown
keyCode 218 = onequarter onehalf threequarters
keyCode 220 = less greater bar
keyCode 221 = plus asterisk asciitilde
keyCode 227 = multiply division
keyCode 228 = acircumflex Acircumflex
keyCode 229 = ecircumflex Ecircumflex
keyCode 230 = icircumflex Icircumflex
keyCode 231 = ocircumflex Ocircumflex
keyCode 232 = ucircumflex Ucircumflex
keyCode 233 = ntilde Ntilde
keyCode 234 = yacute Yacute
keyCode 235 = oslash Ooblique
keyCode 236 = aring Aring
keyCode 237 = ccedilla Ccedilla
keyCode 238 = thorn THORN
keyCode 239 = eth ETH
keyCode 240 = diaeresis cedilla currency
keyCode 241 = agrave Agrave atilde Atilde
keyCode 242 = egrave Egrave
keyCode 243 = igrave Igrave
keyCode 244 = ograve Ograve otilde Otilde
keyCode 245 = ugrave Ugrave
keyCode 246 = adiaeresis Adiaeresis
keyCode 247 = ediaeresis Ediaeresis
keyCode 248 = idiaeresis Idiaeresis
keyCode 249 = odiaeresis Odiaeresis
keyCode 250 = udiaeresis Udiaeresis
keyCode 251 = ssharp question backslash
keyCode 252 = asciicircum degree
keyCode 253 = 3 sterling
keyCode 254 = Mode_switch
使用event对象的keyCode属性判断输入的键值
eg:if(event.keyCode==13)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  0   0X48
H  0X72  1   0X49
I  0X73  2   0X50
J  0X74  3   0X51
K  0X75  4   0X52
L  0X76  5   0X53
M  0X77  6   0X54
N  0X78  7   0X55
O  0X79  8   0X56
P  0X80  9   0X57
Q  0X81 ESC  0X1B
R  0X82 CTRL  0X11
S  0X83 SHIFT 0X10
T  0X84 ENTER 0XD
如果要使用组合键,则可以判断是否同时按下了这几个键,比如ctrl键、shift键以及alt键的组合使用就可以判断是否多按下了ctrl键、shift键以及alt键

转载于:https://my.oschina.net/Tongyingcheng/blog/812226

分享到:
评论

相关推荐

    在JS中获取键盘上值

    在JS中获取键盘上值,如ESC,ENTER,Tab

    js得到键盘所有事件

    键盘事件全面控制,html,查看按键值 key, 键盘上对应的值

    该组件用于ReactNative中获取Android原生层面的键盘响应事件

    然后,在你的React组件中引入并注册这个模块,这样就可以在JavaScript代码中调用它的方法来订阅和处理键盘事件。组件可能提供了如`addEventListener`和`removeEventListener`等接口,用于添加和移除事件监听器。 ...

    js键盘事件全面控制_兼容FireFox和IE

    在 FireFox 和 Opera 中,可以使用 e.which 属性来获取键盘事件对象,而在 IE 中,可以使用 event.keyCode 属性来获取键盘事件对象。例如: FireFox 和 Opera: ``` function keyDown(e) { var keycode = e.which;...

    js键盘事件

    在JavaScript编程中,键盘事件是非常重要的交互元素之一,它们允许开发者捕捉用户的键盘输入行为,并根据这些输入执行相应的操作。本文将详细解释JS中的键盘事件及其应用场景。 #### 一、键盘事件介绍 键盘事件...

    js中获取键盘事件的简单实现方法

    在JavaScript中,获取键盘事件是通过监听`onkeydown`、`onkeyup`或`onkeypress`事件来实现的。这些事件分别对应于用户按下、释放和按下并释放一个键盘键时触发。在本文中,我们将重点讨论如何使用`onkeydown`事件来...

    JavaScript(js)处理的HTML事件、键盘事件、鼠标事件简单示例

    在JavaScript中,事件(Events)是用户或浏览器与页面交互时触发的特定动作,比如点击按钮、按下键盘上的键或者移动鼠标。本文将详细介绍如何使用JavaScript处理HTML事件、键盘事件和鼠标事件。 ### HTML事件处理 ...

    使用JS监听键盘按下事件(keydown event)

    首先,我们需要了解JavaScript中的键盘事件主要有三个:keydown、keypress和keyup。其中,keydown事件在用户按下键盘上的任意键时触发,keypress事件在按键被按下并产生字符时触发,keyup事件则在键盘键被释放时触发...

    js软键盘.js软键盘.js软键盘

    JavaScript(简称JS)软键盘是一种基于Web的输入解决方案,它允许用户在网页上进行安全的输入操作,尤其适用于处理敏感信息如密码时,避免了原生系统键盘在公共设备上的安全风险。本压缩包文件主要包含一个名为"软...

    js 键盘事件 鼠标单击事件

    ### JavaScript中的键盘事件详解 #### 一、概述 在JavaScript中,键盘事件是与用户键盘输入相关的事件。这些事件主要用于捕获用户的键盘操作,并根据不同的按键执行相应的逻辑处理。本篇文章将详细介绍`onkeypress...

    asp.net控制键盘keycode事件

    通过在ASP.NET页面中嵌入JavaScript代码,我们可以监听并处理键盘事件,利用`event.keyCode`获取按键的ASCII码,以此实现特定按键触发特定的功能。这不仅可以提高用户体验,也能增强Web应用的交互性。记住,虽然大...

    【js获取桌面鼠标键盘事件怎么实现】 js获取电脑桌面路径.docx

    ### 一、JS获取桌面鼠标键盘事件实现 #### 1.1 概念理解 JavaScript (JS) 是一种广泛使用的脚本语言,主要用于网页开发。但在浏览器环境下,由于安全限制,JS无法直接获取桌面级的鼠标键盘事件。不过,在特定的环境...

    jquery 监听 键盘 事件

    在实际应用中,我们可能只想监听特定元素的键盘事件。这时,可以使用选择器来指定元素。例如,监听输入框`input`的`keydown`事件: ```javascript $('input').on('keydown', function(event) { console.log('Input...

    JavaScript 操作键盘的Enter事件(键盘任何事件),兼容多浏览器.docx

    在 Web 开发中,JavaScript 操作键盘的 Enter 事件是一种常见的交互方式,例如,在登录页面中,按下 Enter 键 submitting 表单。在多浏览器环境下,实现这种交互方式需要特殊处理。本文将介绍如何使用 JavaScript ...

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

    Atitit.js的键盘按键事件捆绑和事件调度主要涉及如何在JavaScript中处理键盘事件,包括对按键进行绑定和调度。这种方法对于开发具有良好交互性的Web应用程序至关重要。在这一部分,我们会详细探讨相关的知识点。 ...

    js软键盘,全键盘小键盘各一

    这通常涉及到修改JS文件中的键盘模板和事件处理逻辑。 总的来说,这套JavaScript软键盘解决方案为Web开发者提供了方便快捷的输入方式,无论是在桌面还是移动设备上,都能提供良好的交互体验。对于那些对用户输入有...

    浅谈js键盘事件全面控制

    今天,我们就来深入探讨JavaScript(js)中如何对键盘事件进行全面的控制,包括不同浏览器之间的兼容性处理以及代码实现和优化。 首先,我们需要明确浏览器中与键盘事件相关的主要类型,它们分别是keydown、...

    jquery 搜索 键盘选择 li 键盘事件 鼠标事件

    根据提供的文件信息,我们可以总结出以下关于 jQuery 中搜索功能、键盘事件处理以及鼠标事件处理的知识点: ### 一、jQuery 搜索功能实现 在提供的代码片段中,主要实现了基于 jQuery 的搜索建议功能。该功能的...

Global site tag (gtag.js) - Google Analytics