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

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

您还可以使用简单的自动聚焦html5 attribute.But，Internet 9和更早版本不支持它。

Answer 2

要完成@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 3

您可以将.focus()与jQuery结合使用：

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