个人中心
gpt4 book ai didi

javascript - 回发后在 TextBox 中设置焦点

转载 作者：行者123 更新时间：2023-11-30 06:06:38 26 4
gpt4 key购买 nike

我有一个简单的页面，我想在其中根据文本框中的值过滤列表框 - 两者都在 UpdatePanel 中。
这可以正常工作，但是，在回发之后文本框失去了焦点......所以我将焦点重新设置在 page_load 中。然后我注意到光标现在位于文本的开头，而我希望它位于末尾以便用户可以继续键入，因此我向文本框添加了一个 onfocus(...) 属性以将值设置回自身(见下面的代码)。

这在前两次有效，但随后它停止将焦点设置到文本框？

标记

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ListTest.aspx.cs" Inherits="SalesForceTest.ListTest" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server" LoadScriptsBeforeUI="true"/>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <asp:TextBox runat="server" ID="filter" AutoPostBack="true" onkeyup="__doPostBack(this.id, this.value)" onfocus="this.value = this.value;"  />
                <br />
                <asp:ListBox ID="AccountList" runat="server" Width="185px"></asp:ListBox>
            </ContentTemplate>
        </asp:UpdatePanel>
    </div>
    </form>
</body>
</html>

代码隐藏

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;
using System.Text;

namespace SalesForceTest
{
    public partial class ListTest : System.Web.UI.Page
    {
        List<string> allAccounts = new List<string> { "2342", "3434", "2332", "3224", "7899", "8797", "3435" };

        protected void Page_Load(object sender, EventArgs e)
        {
            AccountList.Items.Clear();
            allAccounts.Where(ac => ac.StartsWith(filter.Text)).ToList().ForEach(a => AccountList.Items.Add(a));

            if (Page.IsPostBack)
            {
                if (Request.Form["__EVENTTARGET"] == filter.ID)
                {
                    ScriptManager1.SetFocus(filter);
                }
            }
        }
    }
}

感谢收到的任何帮助非常:)

最佳答案

您需要使用 java 脚本在文本末尾设置光标/插入符号位置。使用下面的js函数来设置光标位置:

function setCaretTo(obj, pos) { 
    if(obj.createTextRange) { 
        /* Create a TextRange, set the internal pointer to
           a specified position and show the cursor at this
           position
        */ 
        var range = obj.createTextRange(); 
        range.move("character", pos); 
        range.select(); 
    } else if(obj.selectionStart) { 
        /* Gecko is a little bit shorter on that. Simply
           focus the element and set the selection to a
           specified position
        */ 
        obj.focus(); 
        obj.setSelectionRange(pos, pos); 
    } 
}

以上代码的来源:http://parentnode.org/javascript/working-with-the-cursor-position/

现在，您需要引用您的客户端文本框对象 (document.getElementById) 和文本长度 (textbox.value.length)。在启动脚本(通过ScriptManager.RegisterStartupScript注册)方法中调用函数。

关于javascript - 回发后在 TextBox 中设置焦点，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4033141/

26 4 0
文章推荐： java.lang.NoSuchMethodError : org. glassfish.jersey.server.ApplicationHandler.<初始化>
文章推荐： java - 无法读取 org.apache.maven.plugins :maven-resources-plugin:jar:3. 0.5 的 Artifact 描述符
文章推荐： javascript - 如何从 JavaScript/jQuery 读取 GET 变量？
文章推荐： java - 运行时执行不显示结果