人的需求可真的 是无限的啊,导医系统开发过程中,因为要应对高数据量,所以很多地方都是用的ajax,这就需要很多click事件,但是很多时候用户不喜欢点击,喜欢直接按enter键,那么我们知道submit类型的form表单可是用enter触发,但如果是输入框或button呢。其实也是可以的。js对键盘的所有按键都有捕捉,用onkeydown事件可以捕捉光标事件,其event.keyCode =13就是enter,我们甚至可以获取用户的每一次输入。

<script>
function test(){
if (event.keyCode == 13) {
alert(“捕捉住回车提交事件!”);
}
}
</script>
</head>

<body>
标题:<input type=”text” name=”t” onkeydown=”test();”/>
</body>

HTML

用户名:<input type=”text” id=”UserAccount” onKeyPress=”JumpByEnter(UserPwd)” />

密码:<input name=”UserPwd” type=”password” onKeyPress=”IsEnterKeyPress()”>

JavaScript:

JumpByEnter(UserPwd) 函数功能:输入完用户名按回车,焦点转向密码输入框

IsEnterKeyPress()功能:输入完密码并按回车,则登录

function JumpByEnter(NextElement){
var lKeyCode = (navigator.appname==”Netscape”)?event.which:window.event.keyCode; //event.keyCode按的建的代码,13表示回车
if ( lKeyCode == 13 ){

NextElement.focus();
}

function IsEnterKeyPress(){
var lKeyCode = (navigator.appname==”Netscape”)?event.which:event.keyCode;
if ( lKeyCode == 13 ){
Login();
}
else
return false;
}

irfirefox2.0中不支持 window.event.keyCode,

但是我们可以用event.which代替。但是为了使其能更具有普遍的兼容性,最好用event.keyCode|| event.which.

字母和数字键的键码值(keyCode)
按键 键码 按键 键码 按键 键码 按键 键码
A 65 J 74 S 83 1 49
B 66 K 75 T 84 2 50
C 67 L 76 U 85 3 51
D 68 M 77 V 86 4 52
E 69 N 78 W 87 5 53
F 70 O 79 X 88 6 54
G 71 P 80 Y 89 7 55
H 72 Q 81 Z 90 8 56
I 73 R 82 0 48 9 57

 

数字键盘上的键的键码值(keyCode) 功能键键码值(keyCode)
按键 键码 按键 键码 按键 键码 按键 键码
0 96 8 104 F1 112 F7 118
1 97 9 105 F2 113 F8 119
2 98 * 106 F3 114 F9 120
3 99 + 107 F4 115 F10 121
4 100 Enter 108 F5 116 F11 122
5 101 - 109 F6 117 F12 123
6 102 . 110
7 103 / 111

 

控制键键码值(keyCode)
按键 键码 按键 键码 按键 键码 按键 键码
BackSpace 8 Esc 27 Right Arrow 39 -_ 189
Tab 9 Spacebar 32 Dw Arrow 40 .> 190
Clear 12 Page Up 33 Insert 45 /? 191
Enter 13 Page Down 34 Delete 46 `~ 192
Shift 16 End 35 Num Lock 144 [{ 219
Control 17 Home 36 ;: 186 \| 220
Alt 18 Left Arrow 37 =+ 187 ]} 221
Cape Lock 20 Up Arrow 38 ,< 188 ‘” 222

 

多媒体键码值(keyCode)
按键 键码 按键 键码 按键 键码 按键 键码
音量加 175
音量减 174
停止 179
静音 173
浏览器 172
邮件 180
搜索 170
收藏 171

本文链接:http://www.521php.com/archives/779/

程序本天成,妙手偶得之!我们只是代码的搬运工!

转载请注明:http://www.521php.com/archives/779/

发表评论

昵称:

网址:

eg.博客主题调用的是Gravatar头像,你可以通过邮箱注册获得头像.
/ 快捷键:Ctrl+Enter