寒云不落格
Yoky Blog
首页
计算机
艺术&设计
音乐&图片
哲学&文学
资源&网摘
其他
标签
留言
登录
-用户面板-
用户名:
密码:
记住我
-日历-
7
3
2010 - 9
4
8
日
一
二
三
四
五
六
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
-统计-
计算机(6)
艺术&设计(1)
音乐&图片(2)
哲学&文学(1)
资源&网摘(13)
其他(2)
日志:26
评论:1
留言:2076
在线:71
访问:337717
注册人数:7
-最新日志-
Javascript数
网页配色方案
PoemMaker,我
vs2008中文版下载
30个被浪费的顶级域名
世界上最早注册的前10
趣味智力问题
javascript,
老人与海
资源站搜集
表单中回车键实现Tab
46个精选奇趣网站
分享奥美广告创意观念
网络广告的种类
用JavaScript
怎样才能把自己的网站做
常用的HR相关英文词汇
asp常见错误
企业网站常用词汇中英文
汉字读音表GB2312
-最新评论-
[color=#8B0
-链接-
美丽城市
M-BLOG
雪眼泪
缘份天津
泪眼问花
kanny7
PoemMaker
天城学生网
-其他信息-
繁體中文
减小字体
|
增大字体
表单中回车键实现Tab键的功能
By:yoky | Date:2007-5-24 | Time:13:39:06 | Weather:
CODE:
<html>
<head></head>
<body>
<form id=
"form1"
>
username<input type=
"text"
name=
"username"
id=
"username"
/><br />
password<input type=
"text"
name=
"password"
id=
"password"
/><br />
<input type=
"submit"
name=
"s"
id=
"s"
value=
"Submit"
/>
<input type=
"reset"
name=
"r"
id=
"r"
value=
"Reset"
/><br />
</form>
<script type=
"text/javascript"
>
var
currentForm = document.getElementById(
"form1"
);
function
getNumber(id)
{
for
(var i=
0
;i<document.getElementById(
"form1"
).length;i++)
{
if
(document.getElementById(id)==currentForm
[i]
)
{
return
i;
}
}
}
document.onkeydown =
function
nextFocus()
{
var
currentID = document.activeElement.id;
var
Num;
if
(currentID!=null && currentID!="")
{
Num = getNumber(currentID);
if
(window.event.keyCode==
13
&& Num<currentForm.length-
1
)
//这里的13可以修改成其他按键相应的键值来代替回车键
{
currentForm
[Num+
1
]
.focus();
return
false;
}
}
}
</script>
</body>
</html>
<html> <head></head> <body> <form id="form1"> username<input type="text" name="username" id="username" /><br /> password<input type="text" name="password" id="password" /><br /> <input type="submit" name="s" id="s" value="Submit" /> <input type="reset" name="r" id="r" value="Reset" /><br /> </form> <script type="text/javascript"> var currentForm = document.getElementById("form1"); function getNumber(id) { for(var i=0;i<document.getElementById("form1").length;i++) { if(document.getElementById(id)==currentForm[i]) { return i; } } } document.onkeydown = function nextFocus() { var currentID = document.activeElement.id; var Num; if(currentID!=null && currentID!="") { Num = getNumber(currentID); if(window.event.keyCode==13 && Num<currentForm.length-1) //这里的13可以修改成其他按键相应的键值来代替回车键 { currentForm[Num+1].focus(); return false; } } } </script> </body> </html>
[提示:你可先修改部分代码,再按运行]
Tags:
Javascript
|
表单
|
文章来自:
本站原创
评论:(
0
) | 查看次数:(
600
)
评论:
1
评论
昵称:
主页:
字体:
宋体
楷体
新宋体
黑体
隶书
字体大小:
1
2
3
4
5
颜色:
请选择颜色
#F0F8FF
#FAEBD7
#00FFFF
#7FFFD4
#F0FFFF
#F5F5DC
#FFE4C4
#000000
#FFEBCD
#0000FF
#8A2BE2
#A52A2A
#DEB887
#5F9EA0
#7FFF00
#D2691E
#FF7F50
#6495ED
#FFF8DC
#DC143C
#00FFFF
#00008B
#008B8B
#B8860B
#A9A9A9
#006400
#BDB76B
#8B008B
#556B2F
#FF8C00
#9932CC
#8B0000
#E9967A
#8FBC8F
#483D8B
#2F4F4F
#00CED1
#9400D3
#FF1493
#00BFFF
#696969
#1E90FF
#B22222
#FFFAF0
#228B22
#FF00FF
#DCDCDC
#F8F8FF
#FFD700
#DAA520
#808080
#008000
#ADFF2F
#F0FFF0
#FF69B4
#CD5C5C
#4B0082
#FFFFF0
#F0E68C
#E6E6FA
#FFF0F5
#7CFC00
#FFFACD
#ADD8E6
#F08080
#E0FFFF
#FAFAD2
#90EE90
#D3D3D3
#FFB6C1
#FFA07A
#20B2AA
#87CEFA
#778899
#B0C4DE
#FFFFE0
#00FF00
#32CD32
#FAF0E6
#FF00FF
#800000
#66CDAA
#0000CD
#BA55D3
#9370DB
#3CB371
#7B68EE
#00FA9A
#48D1CC
#C71585
#191970
#F5FFFA
#FFE4E1
#FFE4B5
#FFDEAD
#000080
#FDF5E6
#808000
#6B8E23
#FFA500
#FF4500
#DA70D6
#EEE8AA
#98FB98
#AFEEEE
#DB7093
#FFEFD5
#FFDAB9
#CD853F
#FFC0CB
#DDA0DD
#B0E0E6
#800080
#FF0000
#BC8F8F
#4169E1
#8B4513
#FA8072
#F4A460
#2E8B57
#FFF5EE
#A0522D
#C0C0C0
#87CEEB
#6A5ACD
#708090
#FFFAFA
#00FF7F
#4682B4
#D2B48C
#008080
#D8BFD8
#FF6347
#40E0D0
#EE82EE
#F5DEB3
#FFFFFF
#F5F5F5
#FFFF00
#9ACD32
内容: