如何在母版页上使内容页成为默认焦点

Question

我有内容占位符的主页。 我有正在使用母版页的contentpage。 在我所有的内容页面中，我都需要默认将重点放在文本框上，以便用户可以直接在文本框中键入内容，而不是将鼠标移到文本框上。 在某些页面中没有文本框，以便我不保留默认焦点

有什么办法可以一次在我的母版页中完成并可以在我所有的内容页中重复使用吗？

谢谢

Answer 1

尝试使用这个...

((TextBox)Master.FindControl("txtRequiredFocus")).Focus();

Answer 2

选择页面上第一个有效输入字段的不分皂白的JavaScript方法：

function SelectFirstInput() {
    var bFound = false;
    for (f = 0; f < document.forms.length; f++) {
        // for each element in each form
        for (i = 0; i < document.forms[f].length; i++) {
            // if it's not a hidden element
            if (document.forms[f][i].type != "hidden") {
                // and it's not disabled
                if (document.forms[f][i].disabled != true) {
                    // set the focus to it
                    document.forms[f][i].focus();
                    var bFound = true;
                }
            }
            // if found in this element, stop looking
            if (bFound == true)
                break;
        }
        // if found in this form, stop looking
        if (bFound == true)
            break;
    }
}

Answer 3

您可以将其包括在母版页的load事件中：

// if the ID is constant you can use this:
/*TextBox textBox = (TextBox)Page.Controls[0]
                                .FindControl("ContentPlaceHolder1")
                                .FindControl("myTextBox");
*/

// this will look for the 1st textbox without hardcoding the ID
TextBox textBox = (TextBox)Page.Controls[0]
                            .FindControl("ContentPlaceHolder1")
                            .Controls.OfType<TextBox>()
                            .FirstOrDefault();

if (textBox != null)
{
    textBox.Focus();
}

这将与具有以下标记的内容页面相匹配：

<asp:Content ID="Content" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:TextBox ID="myTextBox" runat="server" />
</asp:Content>

编辑：如果LINQ不是一个选项，那么您可以改用它：

foreach (Control control in Page.Controls[0].FindControl("ContentPlaceHolder1").Controls)
{
    if (control is TextBox)
    {
        ((TextBox)control).Focus();
        break;
    }
}

Answer 4

<script language="javascript" type="text/javascript" >


window.onload=function(){
var t= document.getElementById('<%=TextBox1.clientID %>');
t.focus();
}


</script>

Answer 5

如果使用jQuery，则可能的解决方案是：

1. 为您要设置焦点的文本框指定一个特殊的类。 为此，“焦点”效果很好。

2. 在您的母版页中或在js脚本文件中的母版页中包含以下代码：

    $(document).ready ( function() { //get an array of DOM elements matching the input.focus selector var focusElements = $("input.focus").get(); //if a focus element exists if(focusElements.length > 0) { focusElements[0].focus(); } } ); 

使用香草JavaScript的类似方法是使用特殊属性标记文本框。 让我们使用焦点。

window.onload = function()
{
  //get all input elements
  var inputElements = document.getElementsByTagName("input");

  var elementToFocus = null;

  for(var i = 0; i < inputElements.length; ++i) 
  {
    var focusAttribute = inputElements[i].getAttribute("focus");

    if(focusAttribute)
    {
      elementToFocus = inputElements[i];
      break;
    }
  }

  if(elementToFocus)
  {
    elementToFocus.focus();
  }
};

Answer 6

Control masterC = 
Page.Master.FindControl("ContentPlaceHolder1");
    TextBox TextBox1 = 
masterC.FindControl("TextBoxUsername") as TextBox;

TextBox1.Focus();