从单行文本框更改为多行文本框时遇到问题

本文关键字:文本 遇到 问题 单行 | 更新日期: 2023-09-27 18:29:21

我有一个文本框,允许用户通过分号分隔多个作者来输入他们。最初,文本框是一行,但在用户键入第一个分号后,文本框将变为多行。

只有单击"TAB"或"ENTER"键,才能将文本框更改为多行有没有什么方法可以通过单击分号键来完成


这是部分前端代码:

<!-- Report Author(s) Name(s) -->
            <div class="row">
                <div class="leftSide">
                    <asp:Label ID="LabelAuthorName" runat="server" Text="Author" />
                </div>
                <div class="rightSide">
                    <asp:TextBox ID="TextBoxAuthorName" runat="server" ToolTip="Author1; Author2; ...."
                        OnTextChanged="TextBoxAuthorName_TextChanged" AutoPostBack="True" ></asp:TextBox>
                </div>
            </div>

这是部分后端代码:

    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            TextBoxDocCreaDate.Text = DateTime.Now.ToString("D");
        }
    }
    protected void TextBoxAuthorName_TextChanged(object sender, EventArgs e)
    {
        bool isSemicolonClick = false;
        string context = TextBoxAuthorName.Text;
        if (isSemicolonClick == false)
        {
            for (int i = 0; i < context.Length; i++)
            {
                if (char.Equals(context[i], ';'))
                {
                    isSemicolonClick = true;
                    TextBoxAuthorName.TextMode = TextBoxMode.MultiLine;
                }
            }
        }
    }    

从单行文本框更改为多行文本框时遇到问题

除非在每次击键后进行回发,否则您将无法真正捕获服务器端。建议使用一个简单的JavaScript onkeypress事件来检查分号,然后从那里开始。

    function checkForSemiColon(e){
    var watchedkey = e.keyCode? e.keyCode : e.charCode
    if(watchedkey = 186).....
    }

然后在您的文本框上,只需调用onkeypress=checkForSemiColor(event),如果它等于186,则为分号。