`

javascript 监听键盘事件

阅读更多
    var ie;
    var firefox;
    if (document.all){ 
        ie = true; 
    }else{
        ie = false;
    } //判断是否IE

    document.onkeydown = KeyPress;
    //设置键盘事件函数
    function KeyPress(){
        var key;
        if (ie){ 
            key = event.keyCode;
        //Ie使用event.keyCode获取键盘码
        }else{
            key = KeyPress.arguments[0].keyCode;
        }
        //FireFox使用我们定义的键盘函数的arguments[0].keyCode来获取键盘码
        
        alert(key); //弹出对话框显示 键盘的数字值
        console.log(key);
    }


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键
分享到:
评论

相关推荐

    js监听键盘事件的方法_原生和jquery的区别详解.docx

    #### 二、原生JavaScript监听键盘事件 原生JavaScript提供了三种主要的键盘事件监听方法:`onkeydown`、`onkeypress` 和 `onkeyup`。 1. **`onkeydown`**: - 触发时机:当一个键被按下时触发。 - 使用示例: `...

    JavaScript监听键盘事件代码实现

    在Web开发中,监听键盘事件是一种常见的需求,尤其是在需要响应用户按键动作的时候。本文将详细介绍如何使用JavaScript实现键盘事件的监听,并提供了一些示例代码来帮助理解。 首先,需要了解三种键盘事件类型:...

    jquery 监听 键盘 事件

    其中,监听键盘事件是常见的用户交互处理之一。本文将深入探讨如何使用jQuery来监听键盘事件,以及相关的应用场景和技巧。 ### 1. jQuery键盘事件绑定 jQuery提供了`.on()`方法来绑定事件,包括键盘事件。键盘事件...

    Electron中通过globalShortcut实现监听键盘事件进而实现快捷键功能示例代码.zip

    下面我们将深入探讨如何使用`globalShortcut`来监听键盘事件并实现快捷键功能。 首先,引入`electron`模块。在Electron应用中,通常在主进程(main process)中处理快捷键的注册和监听,因为这样可以确保即使在应用...

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

    总之,通过使用JavaScript监听键盘按下事件,我们能够为用户提供更加丰富和灵活的交互体验。无论是简单的回车键监听,还是复杂的组合键操作,掌握这一技术对于提升网页的交互能力都至关重要。希望本文的介绍能够帮助...

    html.rar_html javascript_键盘

    下面是一个简单的例子,展示如何使用 JavaScript 监听键盘事件: ```html <!DOCTYPE html> 键盘事件示例 document.addEventListener('DOMContentLoaded', function() { document.addEventListener('...

    js监听键盘事件的方法_原生和jquery的区别详解

    以下是一个原生JavaScript监听键盘事件的例子: ```javascript document.onkeydown = function(e) { var keyNum = window.event ? e.keyCode : e.which; if (keyNum == 13) { alert('您按下了回车'); } else ...

    Javascript键盘虚拟键值编码表

    了解这些键码后,开发者可以利用JavaScript监听键盘事件,根据`event.keyCode`的值来判断用户按下的是哪个键,从而实现各种交互功能。例如,创建自定义的快捷键、检测用户输入的特殊字符等。在游戏开发、在线文本...

    监听键盘事件

    尽管XML主要用来描述数据结构,而不是用于交互式应用,但在XMLHttpRequest(XHR)或XML与JavaScript结合的富客户端应用中,可以通过JavaScript来监听键盘事件。例如,XML数据可能被用来动态更新页面内容,而键盘...

    js监听键盘事件示例代码

    本文将详细解释如何使用JavaScript监听键盘事件,并通过实际代码示例来说明。 首先,了解什么是键盘事件非常重要。在Web开发中,当用户操作键盘时,浏览器会产生一系列的事件,这些事件包括但不限于:键盘按键被按...

    javascript编写的小游戏

    例如,在"SkyPlane"游戏中,玩家可能通过键盘控制飞机移动,这就需要JavaScript监听键盘事件,并根据按键动作更新飞机的位置。 动画是游戏视觉效果的重要组成部分。在JavaScript中,可以使用requestAnimationFrame...

    JavaScript集成光标扫码枪

    可以通过JavaScript监听键盘事件,当检测到非扫码枪产生的键盘输入时,可以忽略或者提示用户。 4. **键盘大写锁问题**: 扫码枪可能会开启大写锁定状态,导致输入的数据全部为大写。为了避免这种情况,JavaScript...

    javascript键盘响应事件

    以下是一个简单的示例,展示如何监听键盘事件: ```javascript document.addEventListener('keydown', function(event) { console.log('Key pressed:', event.key); }); ``` 二、jQuery键盘事件 jQuery库简化了...

    javascript经典特效---ctrl加回车提交.rar

    在JavaScript编程中,"Ctrl + Enter...总的来说,"Ctrl + Enter"提交是通过JavaScript监听键盘事件并结合表单的提交机制实现的。这个知识点对于提升Web应用的交互体验具有重要意义,是前端开发者应掌握的基本技能之一。

    javascript经典特效---屏弊F1键的方法.rar

    屏弊F1键的基本思路是通过JavaScript监听键盘事件,特别是`keydown`事件,当检测到F1键(其键码为112)被按下时,阻止事件的默认处理。以下是一个简单的示例代码: ```html <!DOCTYPE html> 屏弊F1键的方法 ...

    javascript实现esc关闭页面

    #### 二、JavaScript 监听键盘事件 在 JavaScript 中,可以使用 `document` 对象的 `onkeydown` 事件来监听用户的键盘操作。当用户按下某个键时,这个事件就会被触发,并可以通过 `event.keyCode` 或 `event.which`...

    javaScript鼠标键盘事件

    ### JavaScript鼠标键盘事件详解 在Web开发中,JavaScript是实现用户交互的重要手段之一。通过监听用户的鼠标和键盘操作,开发者可以构建出响应式且交互丰富的网页应用。本文将重点介绍几种常用的鼠标和键盘事件...

    web页面如何用js禁止拷屏键

    首先,我们需要理解JavaScript监听键盘事件的基本原理。在JavaScript中,我们可以使用`addEventListener`方法来监听键盘事件。键盘事件主要有`keydown`、`keyup`和`keypress`,其中`keydown`是用户按下键盘按键时...

    JavaScript 实现地区自动查询

    用户输入部分通常是HTML中的输入框(`<input>`标签),当用户在输入框中输入地名时,JavaScript监听键盘事件,捕捉用户的输入并进行处理。数据检索部分则需要一个包含所有可选地区的数据源,这些数据可以是JSON格式...

Global site tag (gtag.js) - Google Analytics