Question

我想强制光标在加载网页后立即转到输入字段。我正在使用AngularJS，输入字段的HTML代码如下;

  <form novalidate="" class="simple-form">Identity number 
  <input type="text" ng-model="input_number" />
  <br />
  <button ng-click="submit()">SUBMIT</button></form>

如何通过AngularJS方式完成这项工作？如果没有，也欢迎使用普通的javascript或jquery。

Answer 1

要完成@Felix的回答，jQuery函数应该包含在指令

中

yourapp.directive('autoFocus', function() {
  return {
    restrict: 'A',
    link: function($scope, $element, attrs) {
      $element.focus();
    }
  };
});

您可以使用此<input type="text" auto-focus>

这样的指令

还有一些不错的阅读材料：https://docs.angularjs.org/guide/directive和http://www.sitepoint.com/practical-guide-angularjs-directives/

Answer 2

您也可以使用简单的自动对焦html5属性。但Internet Explorer 9及更早版本不支持它。

Answer 3

您可以将 .focus() 与jQuery一起使用：

$('form input[type=text]:eq(0)').focus();

加载网页后立即强制光标到输入框

3 个答案: