Question

.net中TextBox文本框焦点定位的问题。。急，在线等。。

比如有两个文本框：
<asp:TextBox id="txt1" runat="server" AutoPostBack="true">
<asp:TextBox id="txt2" runat="server" AutoPostBack="true">

当我输入文本框txt1的值后按下Tab键后，光标不见了、我想应该是AutoPostBack设置的问题。可是怎样才能输入txt1的值后，使光标定位txt2上呢？？
高手求救。。

Answer 1

MSDN上的例子， 例子中有4 个TextBox:

private void Page_Load(object sender, System.EventArgs e)
{
Focus = "TextBox1";
ControlType = "TextArea";
}

#region Web Form Designer generated code
override protected void OnInit(EventArgs e)
{
InitializeComponent();
base.OnInit(e);
}

private void InitializeComponent()
{
this.TextBox1.TextChanged += new System.EventHandler(this.TextBox1_TextChanged);
this.TextBox2.TextChanged += new System.EventHandler(this.TextBox2_TextChanged);
this.TextBox3.TextChanged += new System.EventHandler(this.TextBox3_TextChanged);
this.Load += new System.EventHandler(this.Page_Load);
}
#endregion

private void TextBox1_TextChanged(object sender, System.EventArgs e)
{
Focus = "TextBox2";
ControlType = "TextArea";
}

private void TextBox2_TextChanged(object sender, System.EventArgs e)
{
Focus = "TextBox3";
ControlType = "TextArea";
}

private void TextBox3_TextChanged(object sender, System.EventArgs e)
{
Focus = "Button1";
ControlType = "Button";
}

Answer 2

自己手动给各个控件设置TabIndex属性，txt1的TabIndex属性设置为1，txt2的TabIndex属性设置为2就可以了

追问

还是不行啊、它又回发了、AutoPostBack=true的。。

你那边可以？

追答

那你的TextBox有事件吗？

追问

嗯，有！！！txt1_TextChanged事件！！！！！！！！！！！！！！！

当输入这个文本框的值、改变另外一个文本框的值。。

追答

那你用Session保存你TextBox的状态，在Page_Load事件中判断设置TextBox的值

追问

这也太夸张了吧，用session保存、有没有更好的方法啊。。。

追答

我刚刚用JS写了个，IE8中不能显示效果，晕了，所以你要是觉得用session不行的话那我就没什么办法了

Answer 3

用jquery实现最简单
把两个的AutoPostBack都设为false
$(function(){
$("input[name=txt1]").blur(function(){
$("input[name=txt2]").focus()
})
})

Answer 4

这个你用JS 实现的应该更加方便些、
就是说 当鼠标离开文本1时。把光标放到文本2里面。

追问

嗯，对！！！！js好像不行，不知道是我用错了还是。。

追答

不可能不行的、

function OnMouseOut() {
var txt = document.getElementById("shu1").value;
if (txt == "") {
alert("文本框1为空。鼠标还在文本框1中。");
document.getElementById("shu1").focus();
}
else {
alert("文本框1不为空。鼠标在文本框2中。");
document.getElementById("shu2").focus();
}
}
你试试、

追问

这样中alert('')以后是可以让焦点停留，可是如果当你输入shu1的值不为空时，焦点就不见了，注意，我那是服务器控件、并且AutoPostBack的值为true.请注意看下题意。
你试试：当shu1的值不为空时，焦点看是否还有。。。
想要的效果：当输入完shu1的值后，能使焦点停留在shu2上、

追答

呃。你在 else 的 时候、去掉 alert("文本框1不为空。鼠标在文本框2中。");
只要给他鼠标光标就ok了、document.getElementById("shu2").focus();

追问

这样还是不行，把alert()去掉就不行！！！

追答

无标题页

function OnMouseOut() {
var txt = document.getElementById("shu1").value;
if (txt == "") {
alert("文本框1为空。鼠标还在文本框1中。");
document.getElementById("shu1").focus();
}
else {
alert("文本框1不为空。鼠标在文本框2中。");
document.getElementById("shu2").focus();
}
}

你试试、

Answer 5

TabIndx属性

Answer 6

在TextBox 属性里面找到Tab属性，改里面的属性值吧

追问

我的TextBox中的AutoPostBack=true，当焦点离开时，数据又回发了，这种方法行不通。。

追答

不要自动回传数据

Answer 7

有个tabindex属性 把txt1 的设置成0 txt2 的设置成1