当前位置：文江博客话题详情

设置始终聚焦于文本框（ASP.NET、Updatepanel）

发布于 2024-09-26 03:47:46 字数 234 浏览 0 评论 0原文

嘿，在我开始写问题之前，我会原谅我糟糕的英语，我希望你能理解我。

我在 ASP.NET Web 应用程序中有一个 AJAX 更新面板。在这个更新面板中有一个动态搜索结果的文本框。当我开始在文本框中写入时，结果就像谷歌建议的那样。

现在，焦点必须始终位于文本框（输入字段）上，现在测量用户单击的位置。

目前，当用户开始键入时，ASP.NET 更新面板会在几秒钟后刷新。

感谢您的帮助:-)

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

永言不败 2024-10-03 03:47:46

当 updatepanel 完成更新 html dom 时会发生一个事件

Sys.WebForms.PageRequestManager.getInstance().add_endRequest

尝试这个

function EndRequestHandler() {  
//get focus on the textbox
myTextbox.focus(); }

Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);

there is an event when updatepanel finish updated html dom

Sys.WebForms.PageRequestManager.getInstance().add_endRequest

try this

function EndRequestHandler() {  
//get focus on the textbox
myTextbox.focus(); }

Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);

回复收藏 0 原文

雨后咖啡店 2024-10-03 03:47:46

这很有趣，但这是一个可能的解决方案。这个想法是：如果用户离开文本框（onblur），则将他带回文本框（focusOnTxt 函数）：

<head runat="server">
    <title></title>
    <script type="text/javascript">
        function focusOnTxt(sender) {
            sender.focus(); 
            sender.value = sender.value;
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
    <asp:UpdatePanel ID="upnl" runat="server">
        <ContentTemplate>
            <asp:TextBox ID="txt" runat="server"
          onblur="focusOnTxt(this)"></asp:TextBox>
        </ContentTemplate>
    </asp:UpdatePanel>
    </form>
</body>
</html>

在 Page_Load 上：

public partial class _Default : Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        txt.Focus();
    }
}

That is pretty fun but here is a possible solution. The idea is: if user gets out of the textbox (onblur), then take him back to the textbox (focusOnTxt function):

<head runat="server">
    <title></title>
    <script type="text/javascript">
        function focusOnTxt(sender) {
            sender.focus(); 
            sender.value = sender.value;
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
    <asp:UpdatePanel ID="upnl" runat="server">
        <ContentTemplate>
            <asp:TextBox ID="txt" runat="server"
          onblur="focusOnTxt(this)"></asp:TextBox>
        </ContentTemplate>
    </asp:UpdatePanel>
    </form>
</body>
</html>

And on Page_Load:

public partial class _Default : Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        txt.Focus();
    }
}

回复收藏 0 原文

趁年轻赶紧闹 2024-10-03 03:47:46

~~Page.Load 中的简单 SetFocus fe 应该可以工作：~~

~~ScriptManager1.SetFocus (TextBox1.ClientID)~~

更新：根据这篇文章以下作品...

将此脚本添加到页面头部的脚本块中：

function SetEnd(TB){
    if (TB.createTextRange){
        var FieldRange = TB.createTextRange();
        FieldRange.moveStart('character', TB.value.length);
        FieldRange.collapse();
        FieldRange.select();
    }
}

然后添加将 onfocus 事件添加到文本框：

onfocus="SetEnd(this)"

在代码隐藏的 Page.Load 或 TextChanged-Event 处理程序中添加标准 SetFocus 调用：

ScriptManager sm = ScriptManager.GetCurrent(this);
sm.SetFocus(myTextBox)

~~A simple SetFocus f.e. in Page.Load should work:~~

~~ScriptManager1.SetFocus (TextBox1.ClientID)~~

UPDATE: according to this post following works...

Add this script into a script block in your page's head:

function SetEnd(TB){
    if (TB.createTextRange){
        var FieldRange = TB.createTextRange();
        FieldRange.moveStart('character', TB.value.length);
        FieldRange.collapse();
        FieldRange.select();
    }
}

Then add the onfocus event to your Textbox:

onfocus="SetEnd(this)"

In your codebehind's Page.Load or TextChanged-Event handler add the standard SetFocus call:

ScriptManager sm = ScriptManager.GetCurrent(this);
sm.SetFocus(myTextBox)

回复收藏 0 原文

~没有更多了~

关于作者

梦言归人

暂无简介

0 文章

0 评论

21 人气

关注发私信

lioqio

文章 0 评论 0

关注

Single

文章 0 评论 0

关注

禾厶谷欠

文章 0 评论 0

关注

alipaysp_2zg8elfGgC

文章 0 评论 0

关注

qq_N6d4X7

文章 0 评论 0

关注

放低过去

文章 0 评论 0

友情链接

文江博客

设置始终聚焦于文本框（ASP.NET、Updatepanel）

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（3）

关于作者

相关话题

热门标签

推荐作者

lioqio

Single

禾厶谷欠

alipaysp_2zg8elfGgC

qq_N6d4X7

放低过去

友情链接

设置始终聚焦于文本框（ASP.NET、Updatepanel）

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（3）

关于作者

相关话题

热门标签

推荐作者

lioqio

Single

禾厶谷欠

alipaysp_2zg8elfGgC

qq_N6d4X7

放低过去

友情链接

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。