首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >设置焦点-alt

设置焦点-alt
EN

Stack Overflow用户
提问于 2016-07-04 22:25:13
回答 1查看 1.2K关注 0票数 0

我正在使用指令谷丙转氨酶,我面临一个问题,就是在页面加载后立即将焦点放在输入上,但我不知道该如何做,而且我发现的解决方案似乎很麻烦。

示例代码:

代码语言:javascript
复制
<angucomplete-alt id="ex2"
              placeholder="Search people"
              pause="300"
              selected-object="selectedPerson"
              local-data="people"
              local-search="localSearch"
              title-field="firstName,surname"
              description-field="twitter"
              image-field="pic"
              minlength="1"
              input-class="form-control form-control-small"
              match-class="highlight" />
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-07-04 23:20:25

嗯,我不知道这个指令,但似乎你不可能在没有麻烦的情况下把注意力集中在输入上。我在他们的github上做了一些搜索,并在那里找到了相同的问题,并且有一个可能的解决方案可以解决您的问题。

下面是一个代码片段:

代码语言:javascript
复制
var app = angular.module('app', ['angucomplete-alt']);

app.controller('mainCtrl', function($scope, $timeout) {
   $timeout(function() {
     var searchInput = document.getElementById('ex2_value');
     searchInput.focus();
   }, 0);
});
代码语言:javascript
复制
<!DOCTYPE html>
<html ng-app="app">

<head>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.7/angular.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/angucomplete-alt/2.4.1/angucomplete-alt.min.js"></script>
</head>

<body ng-controller="mainCtrl">
  <angucomplete-alt id="ex2"
          placeholder="Search people"
          pause="300"
          selected-object="selectedPerson"
          local-data="people"
          local-search="localSearch"
          title-field="firstName,surname"
          description-field="twitter"
          image-field="pic"
          minlength="1"
          input-class="form-control form-control-small"
          match-class="highlight" />
</body>

</html>

希望能帮上忙。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38192910

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档