Question

当我的页面首次加载时，我正在尝试关注我页面上的第一个文本框或输入框。所以我想在页面加载时在第一个文本框中显示一个闪烁的光标。我用Google搜索了大量相同的解决方案：使用.focus（）协议。我已经尝试但仍然没有工作。

这是我的初始化函数：

$(document).ready(function () {
                $('#TranslationTextBox:first').focus();
                $(".parametersNumericbox:first").focus();
            });

            $(".parametersNumericbox").focus(function () {
                var input = $(this);
                setTimeout(function () {
                    input.select();
                });
            });

只有当我多次选中标签时才会将我带到第一个文本框。

编辑：html代码（使用Kendo UI）：

 <td id="TranslationTextBox">
                            @(Html.Kendo().NumericTextBoxFor<double>(model => model.Translation).Format("#").Decimals(0).Min(0)
                                  .HtmlAttributes(new { @class = "parametersNumericbox" })
                                  .Events(e => e
                                      .Change("TranslationTextBoxChanged")
                                      ))
                        </td>

我目前遇到的问题是焦点似乎是出于某种原因转到页面上文本字段之前的按钮。

Answer 1

您可以使用Javascript，但您也可以使用HTML：

<input type="text" autofocus>

在jQuery中你可以做到：

$("input, textarea, select").filter(":first").focus();

您的代码存在问题似乎是您正在关注几个项目。当你这样做时，最后聚焦的项目将获得焦点。

页面加载时如何关注输入框？

1 个答案: