如何关注一个表单输入文本字段的页面加载使用jQuery?

这可能很简单，但是谁能告诉我如何让光标在页面加载时在文本框上闪烁?

当前回答

肯定的:

<head>
    <script src="jquery-1.3.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function() {
            $("#myTextBox").focus();
        });
    </script>
</head>
<body>
    <input type="text" id="myTextBox">
</body>

2009-10-20 00:51:10

其他回答

HTML:

  <input id="search" size="10" />

jQuery:

$("#search").focus();

2009-10-20 00:51:18

在这样做之前，请考虑一下您的用户界面。我假设(尽管没有一个答案这样说)，您将在使用jQuery的ready()函数加载文档时这样做。如果用户在文档加载之前已经将焦点放在了不同的元素上(这是完全有可能的)，那么对他们来说，焦点被窃取是非常令人恼火的。

你可以通过在每个<input>元素中添加onfocus属性来检查这一点，以记录用户是否已经关注了一个表单字段，如果他们已经关注了，那么不要窃取焦点:

var anyFieldReceivedFocus = false;

function fieldReceivedFocus() {
    anyFieldReceivedFocus = true;
}

function focusFirstField() {
    if (!anyFieldReceivedFocus) {
        // Do jQuery focus stuff
    }
}


<input type="text" onfocus="fieldReceivedFocus()" name="one">
<input type="text" onfocus="fieldReceivedFocus()" name="two">

2009-10-20 08:51:18

实现这一目标的最简单和最简单的方法

$('#button').on('click', function () {
    $('.form-group input[type="text"]').attr('autofocus', 'true');
});

2018-02-13 06:31:09

肯定的:

<head>
    <script src="jquery-1.3.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function() {
            $("#myTextBox").focus();
        });
    </script>
</head>
<body>
    <input type="text" id="myTextBox">
</body>

2009-10-20 00:51:10

输入后放置

<script type="text/javascript">document.formname.inputname.focus();</script>

2013-08-16 01:34:59

如何关注一个表单输入文本字段的页面加载使用jQuery?

推荐文章

最新文章

标签