textbox 回车的问题

最新推荐文章于 2023-09-26 11:20:05 发布

weixin_33922672

最新推荐文章于 2023-09-26 11:20:05 发布

阅读量157

点赞数

文章标签： javascript ViewUI

本文介绍了在ASP.NET中如何使用JavaScript将不同TextBox的回车事件绑定到相应的Button上，实现表单的快捷提交功能。提供了两种方法：一种是通过在页面级统一处理所有的TextBox；另一种是在每个TextBox单独绑定事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ref：

http://blog.sina.com.cn/s/blog_4b1a1001010007zf.html

http://hi.baidu.com/trip008/blog/item/80b56aa7a09c0b91d0435821.html

前台:
function GetFocus()
{
    if(event.keyCode==13)
    {
        document.getElementById("Button1").click();
        return false;
    }
}

后台:
TextBox1.Attributes.Add("onkeydown","return GetFocus();");

或者：
<SCRIPT LANGUAGE="javascript">
    function SubmitKeyClick(button)
    {
        if (event.keyCode == 13)
        {
            if(event.srcElement.id=="tbInput")
            {
                event.keyCode=9;
                event.returnValue = false;
                document.all[button].click();
            }
        }
    }
// -->
</SCRIPT>

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1、将页面上所有回车事件都绑定到一个按钮上
<HEAD>
<script language="javascript">
function EnterTextBox()
{
   if(event.keyCode == 13 && document.all["TextBox1"].value != "")
   {
    event.keyCode = 9;
    event.returnValue = false;
    document.all["Button1"].click();
   }
}
</script>
</HEAD>
<body οnkeypress="return EnterTextBox()">

2.不同的TextBox绑定不同的Button
<HEAD>
<script language="javascript">
function EnterTextBox(button)
{
   if(event.keyCode == 13)
   {
    event.keyCode = 9;
    event.returnValue = false;
    document.all[button].click();
   }
}
</script>
</HEAD>

在对应的cs文件中
//绑定TextBox回车事件
TextBoxPortOfDestination.Attributes.Add("onkeypress", "EnterTextBox('ButtonChoose')");
TextBoxItemName.Attributes.Add("onkeypress","EnterTextBox('ButtonAdd')");
TextBoxCost_PX.Attributes.Add("onkeypress","EnterTextBox('ButtonAdd')");
TextBoxCost_1X20.Attributes.Add("onkeypress","EnterTextBox('ButtonAdd')");

asp.net的TextBox回车触发事件

2008-03-13 16:11

一