Как сосредоточиться на текстовом поле ввода формы при загрузке страницы с помощью jQuery?

Question

Как сосредоточиться на текстовом поле ввода формы при загрузке страницы с помощью jQuery?

Это, наверное, очень просто, но может кто-нибудь сказать мне, как заставить курсор мигать на текстовом поле при загрузке страницы?

596 10

jQuery javascript html focus

10 ответов:

Comments

Ничего не найдено.

DOK · Accepted Answer · 2009-10-20 03:52:41

установите фокус на первом текстовом поле:
 $("input:text:visible:first").focus();
Это не первое текстовое поле, но вы можете изменить [0] на другой показатель:
$('input[@type="text"]')[0].focus(); 
или, вы можете использовать идентификатор:
$("#someTextBox").focus();

Andrew Liu · Accepted Answer · 2017-08-01 15:22:47

можно использовать HTML5 autofocus для этого. Вам не нужен jQuery или другой JavaScript.
<input type="text" name="some_field" autofocus>
Примечание это не будет работать на IE9 и ниже.

Pandincus · Accepted Answer · 2009-10-20 03:51:10

обязательно:

<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>

TD_Nijboer · Accepted Answer · 2013-09-09 12:09:48

почему все используют jQuery для чего-то простого, как этот.
<body OnLoad="document.myform.mytextfield.focus();">

Tim Down · Accepted Answer · 2009-10-20 11:51:18

подумайте о своем пользовательском интерфейсе, прежде чем делать это. Я предполагаю (хотя ни один из ответов не сказал так), что вы будете делать это, когда документ загружается с помощью jQuery

brendan · Accepted Answer · 2009-10-20 03:51:18

HTML:

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

jQuery:

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

Andrew Calder · Accepted Answer · 2013-04-08 00:45:17

извините за старый вопрос. Я нашел это через google.

также стоит отметить, что его можно использовать более одного селектора, таким образом, вы можете настроить таргетинг на любой элемент формы, а не только на один конкретный тип.

например.
$('#myform input,#myform textarea').first().focus();
это сфокусирует первый вход или текстовое поле, которое он найдет, и, конечно же, вы можете добавить другие селекторы в микс. Hnady, если вы не можете быть уверены в том, что конкретный тип элемента является первым, или если вы хотите что-то немного общие / многоразовые.

SynD · Accepted Answer · 2014-01-15 18:52:49

Это то, что я предпочитаю использовать:
<script type="text/javascript">
    $(document).ready(function () {
        $("#fieldID").focus(); 
    });
</script>

Bill Marquis · Accepted Answer · 2013-08-16 04:34:59

после ввода

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

Muhammad Owais · Accepted Answer · 2018-02-13 08:31:09

самый простой и легкий способ добиться этого
$('#button').on('click', function () {
    $('.form-group input[type="text"]').attr('autofocus', 'true');
});