Question

我有一个带有实时搜索功能的文本框。除了一个问题，它一切都很好。如果我在上面键入任何字符，它就会失去焦点。如果我设置textbox.Focus（），则光标位于文本框的开头。

我在互联网上尝试过大多数解决方案。请检查下面的代码。

asp:TextBox ID="searchCompany" runat="server" Text="" CssClass="searchCompany" AutoPostBack="true" Width="190px" OnTextChanged="searchCompany_TextChanged"></asp:TextBox>

在page_Load

中

protected void Page_Load(object sender, EventArgs e)
        {

            //ScriptManager1.RegisterAsyncPostBackControl(Menu1);
            menuDisplay();
            searchCompany.Attributes.Add("onkeyup", "setTimeout('__doPostBack(\\'" + searchCompany.UniqueID + "\\',\\'\\')', 0);");

            //searchCompany.Attributes.Add("onfocus", "javascript:setSelectionRange('" + "','')");
            //searchCompany.Focus();


        }

我尝试过如下的javascript

<script type="text/javascript">

    function setSelectionRange() {
        var inputField = document.getElementById('searchCompany');
        if (inputField != null && inputField.value.length > 0) {
            if (inputField.createTextRange) {
                var FieldRange = inputField.createTextRange();
                FieldRange.moveStart('character',inputField.value.length);
                FieldRange.collapse();
                FieldRange.select();
            }
        }
    }

</script>

我试图将代码放在方法“searchCompany_TextChanged”上，如果用户每次都在文本框中输入任何字符，那么它就会调用，但它不能正常工作。

我看到使用Textbox.Select（）的其他解决方案，但System.Windows.Control在asp.net中无法正常工作。

任何想法??

Answer 1

这是一个非常简单的技巧，对我有用。基本上，将输入的文本值设置为自己的文本值，然后将光标移动到文本的末尾。然后只关注它。这段代码使用jQuery来演示，但你也应该能够在直接的JS中做到这一点。

<强> HTML

<input type="text" id="focusText"></input>
<button id="focusButton">Set Focus</button>

<强>的JavaScript

$("#focusButton").click(function()  {
    var text = $("#focusText").val();
    $("#focusText").val(text).focus();
})

这是JavaScript的非jQuery示例，HTML应该是相同的：

document.getElementById("focusButton").onclick = function()  {
    var inputElement = document.getElementById("focusText");
    var text = inputElement.value;
    inputElement.value = text;
    inputElement.focus();
}

这是一个演示非jQuery版本代码的小提琴：http://jsfiddle.net/C3gCa/

如何在键入时在文本框末尾设置焦点？

1 个答案: