类似QQ的聊天，回车发送后，焦点重回输入框,该怎么处理
日期：2014-05-18 浏览次数：20468 次
类似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> ");
}
我写了一个简单的在线聊天室，发送的时候每次都要点击发送按钮，发送完毕后还要用鼠标点击文本框，让输入焦点重回输入框，现在我想按一下回车就发送，发送完毕，焦点还在输入框，类似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> ");
}
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
