`
BabyDuncan
  • 浏览: 584318 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript实现对键盘上面tab和enter的控制

阅读更多
我们可能有几个输入框,这段代码可以控制按下tab键之后,光标转移到哪一个控件,按下回车之后,哪一个按钮响应。
function enterkey() {
    try {
        var el_keydown = window.event.srcElement;
        if (event.keyCode == 13 && el_keydown.id == "textUser") {
            document.getElementById("textPwd").focus();
        }
        else if (event.keyCode == 13 && el_keydown.id == "textPwd") {
            document.getElementById("btnLogin").focus();
        }
    }
    catch (e) {
        return;
    }
}
——————————————————
看下表
_______________________________________________
Bin Dec Hex 缩写/字符 解释
00000000 0 00 NUL(null) 空字符
00000001 1 01 SOH(start of headling) 标题开始
00000010 2 02 STX (start of text) 正文开始
00000011 3 03 ETX (end of text) 正文结束
00000100 4 04 EOT (end of transmission) 传输结束
00000101 5 05 ENQ (enquiry) 请求
00000110 6 06 ACK (acknowledge) 收到通知
00000111 7 07 BEL (bell) 响铃
00001000 8 08 BS (backspace) 退格
00001001 9 09 HT (horizontal tab) 水平制表符
00001010 10 0A LF (NL line feed, new line) 换行键
00001011 11 0B VT (vertical tab) 垂直制表符
00001100 12 0C FF (NP form feed, new page) 换页键
00001101 13 0D CR (carriage return) 回车键
00001110 14 0E SO (shift out) 不用切换
00001111 15 0F SI (shift in) 启用切换
00010000 16 10 DLE (data link escape) 数据链路转义
00010001 17 11 DC1 (device control 1) 设备控制1
00010010 18 12 DC2 (device control 2) 设备控制2
00010011 19 13 DC3 (device control 3) 设备控制3
00010100 20 14 DC4 (device control 4) 设备控制4
00010101 21 15 NAK (negative acknowledge) 拒绝接收
00010110 22 16 SYN (synchronous idle) 同步空闲
00010111 23 17 ETB (end of trans. block) 传输块结束
00011000 24 18 CAN (cancel) 取消
00011001 25 19 EM (end of medium) 介质中断
00011010 26 1A SUB (substitute) 替补
00011011 27 1B ESC (escape) 溢出
00011100 28 1C FS (file separator) 文件分割符
00011101 29 1D GS (group separator) 分组符
00011110 30 1E RS (record separator) 记录分离符
00011111 31 1F US (unit separator) 单元分隔符
00100000 32 20 (space) 空格
00100001 33 21 !
00100010 34 22 "
00100011 35 23 #
00100100 36 24 $
00100101 37 25 %
00100110 38 26 &
00100111 39 27 '
00101000 40 28 (
00101001 41 29 )
00101010 42 2A *
00101011 43 2B +
00101100 44 2C ,
00101101 45 2D -
00101110 46 2E .
00101111 47 2F /
00110000 48 30 0
 续表 
  
00110001 49 31 1
00110010 50 32 2
00110011 51 33 3
00110100 52 34 4
00110101 53 35 5
00110110 54 36 6
00110111 55 37 7
00111000 56 38 8
00111001 57 39 9
00111010 58 3A :
00111011 59 3B ;
00111100 60 3C <
00111101 61 3D =
00111110 62 3E >
00111111 63 3F ?
01000000 64 40 @
01000001 65 41 A
01000010 66 42 B
01000011 67 43 C
01000100 68 44 D
01000101 69 45 E
01000110 70 46 F
01000111 71 47 G
01001000 72 48 H
01001001 73 49 I
01001010 74 4A J
01001011 75 4B K
01001100 76 4C L
01001101 77 4D M
01001110 78 4E N
01001111 79 4F O
01010000 80 50 P
01010001 81 51 Q
01010010 82 52 R
01010011 83 53 S
01010100 84 54 T
01010101 85 55 U
01010110 86 56 V
01010111 87 57 W
01011000 88 58 X
01011001 89 59 Y
01011010 90 5A Z
01011011 91 5B [
01011100 92 5C \
01011101 93 5D ]
01011110 94 5E ^
01011111 95 5F _
01100000 96 60 `
01100001 97 61 a
01100010 98 62 b
 续表
  
01100011 99 63 c
01100100 100 64 d
01100101 101 65 e
01100110 102 66 f
01100111 103 67 g
01101000 104 68 h
01101001 105 69 i
01101010 106 6A j
01101011 107 6B k
01101100 108 6C l
01101101 109 6D m
01101110 110 6E n
01101111 111 6F o
01110000 112 70 p
01110001 113 71 q
01110010 114 72 r
01110011 115 73 s
01110100 116 74 t
01110101 117 75 u
01110110 118 76 v
01110111 119 77 w
01111000 120 78 x
01111001 121 79 y
01111010 122 7A z
01111011 123 7B {
01111100 124 7C |
01111101 125 7D }
01111110 126 7E ~
01111111 127 7F DEL (delete) 删除
 
八进制 十六进制 十进制 字符 八进制 十六进制 十进制 字符
0 0 0 nul 100 40 64 @
1 1 1 soh 101 41 65 A
2 2 2 stx 102 42 66 B
3 3 3 etx 103 43 67 C
4 4 4 eot 104 44 68 D
5 5 5 enq 105 45 69 E
6 6 6 ack 106 46 70 F
7 7 7 bel 107 47 71 G
10 8 8 bs 110 48 72 H
11 9 9 ht 111 49 73 I
12 0a 10 nl 112 4a 74 J
13 0b 11 vt 113 4b 75 K
14 0c 12 ff 114 4c 76 L
15 0d 13 er 115 4d 77 M
16 0e 14 so 116 4e 78 N
17 0f 15 si 117 4f 79 O
20 10 16 dle 120 50 80 P
21 11 17 dc1 121 51 81 Q
22 12 18 dc2 122 52 82 R
23 13 19 dc3 123 53 83 S
24 14 20 dc4 124 54 84 T
25 15 21 nak 125 55 85 U
26 16 22 syn 126 56 86 V
27 17 23 etb 127 57 87 W
30 18 24 can 130 58 88 X
31 19 25 em 131 59 89 Y
32 1a 26 sub 132 5a 90 Z
33 1b 27 esc 133 5b 91 [
34 1c 28 fs 134 5c 92 \
35 1d 29 gs 135 5d 93 ]
36 1e 30 re 136 5e 94 ^
37 1f 31 us 137 5f 95 _
40 20 32 sp 140 60 96 '
41 21 33 ! 141 61 97 a
42 22 34 " 142 62 98 b
43 23 35 # 143 63 99 c
44 24 36 $ 144 64 100 d
45 25 37 % 145 65 101 e
46 26 38 & 146 66 102 f
47 27 39 ` 147 67 103 g
50 28 40 ( 150 68 104 h
51 29 41 ) 151 69 105 i
52 2a 42 * 152 6a 106 j
53 2b 43 + 153 6b 107 k
54 2c 44 , 154 6c 108 l
55 2d 45 - 155 6d 109 m
56 2e 46 . 156 6e 110 n
57 2f 47 / 157 6f 111 o
60 30 48 0 160 70 112 p
61 31 49 1 161 71 113 q
62 32 50 2 162 72 114 r
63 33 51 3 163 73 115 s
64 34 52 4 164 74 116 t
65 35 53 5 165 75 117 u
66 36 54 6 166 76 118 v
67 37 55 7 167 77 119 w
70 38 56 8 170 78 120 x
71 39 57 9 171 79 121 y
72 3a 58 : 172 7a 122 z
73 3b 59 ; 173 7b 123 {
74 3c 60 < 174 7c 124 |
75 3d 61 = 175 7d 125 }
76 3e 62 > 176 7e 126 ~
77 3f 63 ? 177 7f 127 del
————————————————————
常用的呢?
#号后面的是ASCII码。

#0代表NUL,
#8代表BackSpace
#9代表Tab
分享到:
评论

相关推荐

    js 实现 Enter键实现Tab键功能

    js 实现 Enter键实现Tab键功能! 值得下载看看!资源免费,大家分享!!

    JavaScript 实现自定义Tab

    5. **可访问性**:考虑网页的可访问性,为Tab组件添加键盘导航支持,例如使用`Tab`键进行焦点切换,`Enter`键激活选中项。 6. **响应式设计**:在移动设备上,可能需要调整Tab的布局和交互方式,以适应不同的屏幕...

    TAB-Enter.rar_Tabú_enter

    3. 键盘设置:某些键盘或操作系统可能提供内置设置,允许用户改变Tab和Enter键的行为。例如,在MacOS中,可以在系统偏好设置的“键盘”选项里调整快捷键行为。 4. 应用程序特定的设置:一些软件如Excel或Visual ...

    Ext.net Enter实现Tab功能

    在探讨“Ext.net Enter实现Tab功能”的主题时,我们深入剖析了如何利用JavaScript与Ext.net框架结合,将Enter键的功能转换为Tab键的功能,从而在Web应用中提供更灵活、更用户友好的交互体验。 ### 核心概念:Ext...

    AOM中IE、Firefox兼容Enter代替Tab的Javascript

    "AOM中IE、Firefox兼容Enter代替Tab的Javascript"这个主题关注的是如何在不同的浏览器环境中,尤其是IE和Firefox中,使用JavaScript实现按下回车键(Enter)时模拟Tab键的效果,以实现元素间的焦点切换。 首先,我们...

    js实现软键盘+小键盘

    6. 可访问性:考虑键盘操作的用户,提供键盘导航支持,如`tab`键切换焦点和`enter`键触发动作。 7. 数据安全:在处理用户输入时,考虑数据验证和防止XSS攻击。 在实际项目中,你可能还需要结合HTML和CSS来构建键盘...

    javascript实现textarea中tab键的缩排处理方法

    在JavaScript编程中,有时我们需要对textarea元素进行特殊处理,特别是在编辑代码或文本时,用户可能期望按下`Tab`键能够实现代码的缩进。本文主要介绍了一种利用JavaScript实现textarea中`Tab`键自动缩进的方法。...

    Javascript键盘表

    本文将深入探讨“JavaScript键盘表”中的关键知识点,帮助开发者更好地掌握如何识别和响应不同的键盘按键。 ### 1. 键盘事件 在JavaScript中,键盘事件主要通过`keydown`、`keyup`和`keypress`三个事件来监听。...

    Javascript键盘虚拟键值编码表

    在JavaScript编程中,了解键盘虚拟键值编码表是非常重要的,特别是在处理键盘事件或者实现自定义键盘输入时。这个编码表提供了每个键盘按键对应的ASCII或Unicode值,这些值可以在JavaScript的键盘事件对象(如`event...

    JavaScript 键码 (键盘表)

    ### JavaScript 键码(键盘表) ...综上所述,了解并掌握 JavaScript 中的键码是非常重要的,它可以帮助开发者更好地实现键盘交互功能。通过合理利用键码,可以提高应用程序的用户体验,并使用户操作更加直观和便捷。

    javascript回车完美实现tab切换功能

    javascript实现回车键切换tab功能的知识点涵盖了网页开发中对用户交互行为的处理。在页面中使用表格(tab)进行数据的录入和切换是常见的场景,尤其是在需要填写大量数据的时候。然而,当用户在使用小键盘(如数字小...

    tab 标签切换效果网页特效

    4. 键盘导航:支持键盘的Tab键和Enter键切换Tab。 5. ARIA属性:为无障碍访问提供支持,例如设置`role`和`aria-selected`属性。 综上所述,Tab标签切换效果是网页设计中的重要元素,它能够有效地组织内容,提高用户...

    js实现Tab标签切换

    JavaScript(简称JS)是一种广泛用于网页和网络应用的编程...以上就是使用JavaScript实现Tab标签切换的基本原理和实现方法。理解这些核心概念后,你可以根据实际需求进行定制和扩展,以满足各种复杂的网页交互需求。

    利用Enter键实现表单组件焦点的移动.pdf

    当一个表单上有若干个组件的时候,我们通常会使用Tab键来实现组件间焦点的移动,但是,在证券、银行等行业中,相关的业务操作人员往往习惯于使用小键盘,对他们来说,使用Enter键比使用Tab键要方便得多。 在浏览器...

    Javascript对应的键盘码表

    ### JavaScript中的键盘事件与键码详解 在JavaScript中,处理用户输入时经常需要用到键盘事件。为了更好地理解并处理这些事件,我们需要...希望本篇文章能帮助开发者们更好地理解和使用JavaScript中的键盘事件和键码。

    各种切换效果的tab标签

    考虑到无障碍性(accessibility),Tab组件应支持键盘导航,允许使用Tab键和Enter键来切换Tab,以便视力受限的用户也能方便地使用。 6. **交互反馈**: 用户点击Tab时,应提供明确的视觉反馈,如高亮选中的Tab,...

    Vue中实现回车键切换焦点的方法

    用户界面中经常会涉及到键盘操作,例如使用Tab键和Enter键来切换焦点。但实际情况下,用户需求千变万化,有时候用户会提出使用回车键Enter来切换焦点的需求,这在某些表单操作中非常常见。因此,了解如何在Vue项目中...

    C# 键盘Enter键取代Tab键实现代码

    JavaScript函数的工作原理是:当用户按下Enter键时,浏览器会接收到一个键盘事件,通过修改这个事件的键码,使得后续的事件处理机制误以为是Tab键被按下,从而实现了Enter键切换输入字段的效果。 这种方法的一个...

    javaScript键盘表.docx

    了解和掌握JavaScript键盘表对于编写响应用户输入的交互式Web应用至关重要,它可以用于实现各种功能,如自定义快捷键、输入验证、游戏控制等等。同时,需要注意的是,由于浏览器兼容性问题,不同浏览器对某些键的...

    Use the Enter Key Like a Tab

    标题“Use the Enter Key Like a Tab”提示我们讨论的主题是如何在编程环境中,特别是用户界面设计时,使用回车键(Enter)来模拟Tab键的功能。Tab键通常用于在表单或对话框中导航,从一个控件跳转到另一个控件。这...

Global site tag (gtag.js) - Google Analytics