输入元素focus()不起作用

时间:2018-06-27 16:24:58

标签: javascript jquery angularjs

我对输入的关注不起作用

HTML

$('input[name=persons]').focus();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html ng-app"myApp" ng-controller="person.ng.Controller as myCtrl" class="ng-scope">
    <input type="text" class="form-control ng-empty ng-valid ng-invalid-required ng-touched" name"persons" ng-model="persons.name" nq-required="isValid('persons.name')" required="required">

我不知道我在做什么错。 请建议

3 个答案:

答案 0 :(得分:1)

您要处理两个问题:

首先,将名称设置为输入时,您错过了“ =”:

  • 您的代码:name"persons"
  • 正确的代码:name="persons"

第二,如果您的脚本是在html元素之前创建/引用的,则意味着您试图在输入之前就使用它。

使用JQuery访问HTML字段时,应使用:

$( document ).ready(function() {
    $('input[name=persons]').focus();
});

这是一个内部函数,仅在加载整个HTML页面后才会执行。

Ps。确保您正确导入了JQuery:Importing JQuery

尝试一下!

答案 1 :(得分:0)

将焦点放在第一个文本字段上

 $(".form-control").focus();

 $("input:text:visible:first").focus();

这也是第一个文本字段,但是您可以将[0]更改为另一个索引:

$('input[@type="text"]')[0].focus(); 

或者,您可以使用ID:

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

答案 2 :(得分:0)

我使用了此脚本并集中了最后一个元素的输入:

Private Session

我只需要关注输入“人”

Text(
        'This is big text, I am using Flutter and trying to fade text',
        overflow: TextOverflow.fade,
        maxLines: 1,
      ),

up脚本不起作用