首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

类似QQ的聊天,回车发送后,焦点重回输入框,该怎么处理

2012-03-01 
类似QQ的聊天,回车发送后,焦点重回输入框我写了一个简单的在线聊天室,发送的时候每次都要点击发送按钮,发

类似QQ的聊天,回车发送后,焦点重回输入框
我写了一个简单的在线聊天室,发送的时候每次都要点击发送按钮,发送完毕后还要用鼠标点击文本框,让输入焦点重回输入框,现在我想按一下回车就发送,发送完毕,焦点还在输入框,类似QQ的按enter发送。请问有什么解决方案。

[解决办法]
// .aspx
<script type= "text/javascript ">
function keyDown()
{
var e=event.srcElement;
if(event.keyCode==13) // 回车则提交页面
{
document.getElementById( "Button1 ").click();
}
}
</script>

<body>
<form id= "form1 " runat= "server ">
<asp:TextBox ID= "TextBox1 " runat= "server " onkeydown= "keyDown() "> </asp:TextBox>
<asp:Button ID= "Button1 " runat= "server " OnClick= "Button1_Click " Text= "Send "> </asp:Button>
</form>
</body>

// .aspx
void Page_Load(object sender, EventArgs e)
{
Page.RegisterStartupScript( " ", " <script> document.getElementById( 'TextBox1 ').focus(); </script> ");
}


热点排行