代码之家 › 专栏 › 技术社区 › Jimmy

jquery-在页面加载时关注表单中的输入字段?

jquery

Jimmy · 技术社区 · 15 年前

我正在尝试将重点放在登录屏幕中的用户名输入上,以便更容易地访问登录,目前我的jquery看起来像这样

$(document).ready(function() {
    $('#Username').focus();
});

但那不管用…有什么想法吗?

6 回复 | 直到 9 年前

Mike Blandford 15 年前

在下面的简单示例中,它确实有效。因此,在您的页面上还有其他事情会导致输入失去焦点。我建议使用setTimeout设置焦点。

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <title>test!</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
    </script>
    <script type="text/javascript">
      $(document).ready(function() {
    $('#Username').focus();
});
    </script>

  </head>

  <body>
  <input id="Username" />
  </body>
</html>

John Sheehan 15 年前

标记是否具有ID属性?

<input id="Username" name="Username" type="text" />

我猜它只有一个名称属性:

<input name="Username" type="text" />

如果不能添加id属性,可以这样选择:

$("input[name='Username']").focus();

Matheno 9 年前

超时可能会起作用:

   $(document).ready(function() {
        setTimeout(function(){
            $("input[name='inputname']").focus();
        }, 200);
    });

chaos 15 年前

好吧,你就是这么做的。我想,请确认身份证是正确的。

Dark Falcon 15 年前

您的HTML看起来像<input id=“username”…>(区分大小写)?

Michel 14 年前

Internet Explorer遇到一些问题,例如此代码:

$(document).ready(function(){
        //focus on search field
        $("#userSearchField").focus();
});

看起来有多蠢,但这解决了我的问题:

$(document).ready(function(){
    //focus on search field
    $("#userSearchField").focus();
    $("#userSearchField").focus();
});

或尝试使用 setTimeout

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

1 年前

Community wiki · 无法从jquery文档调用函数

1 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前