各位大哥，如何让光标自动跳到下一个文本框

xuehualingbuyaoni 2009-09-21 10:49:13

各位大哥，如何让光标自动跳到下一个文本框,我有一个jsp页面，循环出有好多个text，当我在一个文本框输入一个字母后，让光标跳到下一个，文本框，应该如何实现呀，能写好的，加200分
这是我的循环语句input name="<%=i%>_as" type="text" id="tt_<%=k%>" class="tt" size="4" onblur="cc(this)" maxlength="1">

...全文

523 22 打赏收藏转发到动态举报

写回复

用AI写文章

22 条回复

切换为时间正序

请发表友善的回复…

发表回复

xueac 2009-09-23

打赏
举报

小弟来我公司一下

dyflovexlp 2009-09-21

打赏
举报

onkeydown + object.foucs()

knight14 2009-09-21

打赏
举报



<html>

  <head>

    <title>MyJsp.jsp</title>

  </head>

  <script>

  	function tabNext(obj){

  		//取得事件中的keycode并转成字符，并转为小写字符，因为默认大写

  		obj.value = String.fromCharCode(event.keyCode).toLowerCase();

  		event.keyCode=9;

  	} 

  </script>

  <body>

    This a struts page. <br>

    <input type="text" tabindex="1" maxlength="1" onkeydown="tabNext(this)" ><br>

    <input type="text" tabindex="2" maxlength="1" onkeydown="tabNext(this)"><br>

    <input type="text" tabindex="3" maxlength="1" onkeydown="tabNext(this)"><br>

    <input type="text" tabindex="4" maxlength="1" onkeydown="tabNext(this)"><br>

    <input type="text" tabindex="5" maxlength="1" onkeydown="tabNext(this)"><br>

    <input type="text" tabindex="6" maxlength="1" onkeydown="tabNext(this)"><br>

    <input type="text" tabindex="7" maxlength="1" ><br>

  </body>

</html>

楼主看看是否符合你的要求

superjava_2006 2009-09-21

打赏
举报

晕，上面写错了，我开始测试的时候id和name是一样的都是1_as的形式，忘记改了，把js函数里面的id赋值那个改成var id = "tt_"+(Number(objId.split("_")[1])+1);

superjava_2006 2009-09-21

打赏
举报

不知道你那id里面的k什么的是不是连续的，我这么写了一个测试例子，看能不能参考



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">



<html>

<head>

	<title>Untitled</title>

</head>



<body>



<input type="text" id="tt_1" name="1_as" onpropertychange="autoFocus(this.id)"/>

<input type="text" id="tt_2" name="2_as" onpropertychange="autoFocus(this.id)"/>

<input type="text" id="tt_3" name="3_as" onpropertychange="autoFocus(this.id)"/>

<input type="text" id="tt_4" name="4_as" onpropertychange="autoFocus(this.id)"/>

<input type="text" id="tt_5" name="5_as" onpropertychange="autoFocus(this.id)"/>

<input type="button" id="b" name="b"/>

</body>

<script language="javascript">

	function autoFocus(objId){

		var id = Number(objId.split("_")[0])+1+"_as";

		var next = document.getElementById(id);

		if(next!=undefined){

			next.focus();

		}

	}

</script>

</html>

sbqjordan 2009-09-21

打赏
举报

例如：
javaScript里写：
function fucOnKeyDown(name){
document.all(name).onblur();
var i = name.subString(0,1);
document.all((i+1)+"_as").onfous();
}

Html：
input name="1_as" type="text" id="tt_ <%=k%>" class="tt" size="4" onblur="cc(this)" maxlength="1" onKeyDown="fucOnKeyDown(this.name)">
input name="2_as" type="text" id="tt_ <%=k%>" class="tt" size="4" onblur="cc(this)" maxlength="1" onKeyDown="fucOnKeyDown(this.name)">
input name="3_as" type="text" id="tt_ <%=k%>" class="tt" size="4" onblur="cc(this)" maxlength="1" onKeyDown="fucOnKeyDown(this.name)">

sbqjordan 2009-09-21

打赏
举报

[Quote=引用 6 楼 buqi001 的回复:]
引用 3 楼 sbqjordan 的回复:
onKeyDown事件啊！

用这个事件，判断是否输入了一个字符，如果是一个，光标移动到下个text
[/Quote]楼主不就是要达到这个目的吗！

zzzfff2008 2009-09-21

打赏
举报

buqi001 2009-09-21

打赏
举报

[Quote=引用 3 楼 sbqjordan 的回复:]
onKeyDown事件啊！
[/Quote]
用这个事件，判断是否输入了一个字符，如果是一个，光标移动到下个text

BearKin 2009-09-21

打赏
举报

先上链接

http://hi.baidu.com/1d7500/blog/item/5a1e7d95e730a8017bf4800a.html

我做这个效果原本的目的并不是用来切换焦点的但是的确用到了键盘事件

捕捉onkeyup来更换焦点

xuegedebao 2009-09-21

打赏
举报

大家能不能给写个例子出来呀

sbqjordan 2009-09-21

打赏
举报

onKeyDown事件啊！

knight14 2009-09-21

打赏
举报

[Quote=引用 1 楼 mint_wei 的回复:]
没记错就是用onkeyup事件吧。只输入一个字母。
[/Quote]
楼上错了，onkeyup是指键盘抬起时调用，但如果你压下键盘不放比如a,就会有aaaaaaaaaaaaaaaaaaa,然后抬起，那就不是一个字符了

mint_wei 2009-09-21

打赏
举报

没记错就是用onkeyup事件吧。只输入一个字母。

xuegedebao 2009-09-21

打赏
举报

[Quote=引用 12 楼 knight14 的回复:]
HTML code<html><head><title>MyJsp.jsp</title></head><script>function tabNext(obj){//取得事件中的keycode并转成字符，并转为小写字符，因为默认大写 obj.value= String.fromCharCode(event.keyCode).toLowerCase();
event.keyCode=9;
}</script><body>
This a struts page.<br><inputtype="text" tabindex="1" maxlength="1" onkeydown="tabNext(this)"><br><inputtype="text" tabindex="2" maxlength="1" onkeydown="tabNext(this)"><br><inputtype="text" tabindex="3" maxlength="1" onkeydown="tabNext(this)"><br><inputtype="text" tabindex="4" maxlength="1" onkeydown="tabNext(this)"><br><inputtype="text" tabindex="5" maxlength="1" onkeydown="tabNext(this)"><br><inputtype="text" tabindex="6" maxlength="1" onkeydown="tabNext(this)"><br><inputtype="text" tabindex="7" maxlength="1"><br></body></html>
楼主看看是否符合你的要求
[/Quote]不行的，当我输入123456的时候，会变成字母。我不想变成字母,

BearKin 2009-09-21