编程论坛
注册
登录
编程论坛
→
ASP技术论坛
如何让回车键实现TAB键的功能啊
xmztzgq
发布于 2010-09-15 17:39, 1384 次点击
在文本框中按回车键后,如何让它自动转到下一个文本框,就和TAB键功能一样呢
4 回复
#2
sunfishy
2010-09-15 17:58
//按下回车键后跳到下一个文本框
/**
*function: 网页里按回车时焦点的转移,功能相当于按Tab键后移向下一个元素
*/
function focusMove()
{
var e = document.activeElement;
if(e.tagName == "INPUT" && (
e.type == "text" ||
e.type == "password" ||
e.type == "checkbox" ||
e.type == "radio") ||
e.tagName == "SELECT"
)
{
if(window.event.keyCode == 13) //按下enter键
{
window.event.keyCode = 9; //TAB键
}
}
}
#3
xmztzgq
2010-09-15 21:29
回复 2楼 sunfishy
请问上面的语句在哪个地方调用啊,不好意思,刚学比较菜
#4
yms123
2010-09-15 22:41
写在文本框的onkeypress事件里
比如
<input type="text" onkeypress="focusMove();" >
#5
gupiao175
2010-09-16 00:22
程序代码:
<script language=
"
javascript
"
type=
"
text/javascript
"
>
function
focusMove(obj,evt)//加OBJ是为了适应火狐浏览器的效果
{
var e = document.activeElement;
if
(e.tagName ==
"
INPUT
"
&& (
e.type ==
"
text
"
||
e.type ==
"
password
"
||
e.type ==
"
checkbox
"
||
e.type ==
"
radio
"
) ||
e.tagName ==
"
SELECT
"
)
{
evt=evt?evt:window.event;
if
(evt.keyCode ==
13
) //按下enter键
{
window.event?evt.keyCode=
9
:obj.nextSibling.nextSibling.focus();//多加一个nextSibling是因为火狐把换行也当做一个节点看待!
}
}
}
</script>
<form name=
"
form1
"
id=
"
form1
"
>
<a href=
"
#
"
onClick=
"
AddInput()
"
>上传一个</a>
<input type=
"
text
"
onkeydown=
"
focusMove(this,event)
"
>
<input type=
"
password
"
onkeydown=
"
focusMove(this,event)
"
>
<
select
name=
"
picclass
"
size=
"
1
"
>
<
option
value=
'
1' selected >金融保险 </option>
<
option
value=
'
2'>交通运输 </option>
<
option
value=
'
3'>文艺体育 </option>
<
option
value=
'
4'>邮电通讯 </option>
</
select
>
</form>
用这个试试,主要的浏览器都能通过!IE/FF/CHROME已测试过!
1