Question

我的Rails应用程序中有一个按钮，并希望将其设置为自动对焦，因此用户只需按Enter即可在页面加载时继续。

以下代码无效：按钮正在运行，但未设置为自动对焦。

<%= link_to new_flashcard_flashcard_test_path(@flashcard_deck.next_flashcard), :class => 'btn btn-primary', :autofocus => true do %>
      <span class="glyphicon glyphicon-link"></span>
      Next card
<% end %>

生成的HTML

<a autofocus="autofocus" class="btn btn-primary" href="/flashcards/1188/flashcard_tests/new">
  <span class="glyphicon glyphicon-link"></span>
  Next card
</a>

Answer 1

我有同样的问题。

我建议使用使用rails将自动对焦放入您的表单中 自动对焦：真实 而不是使用Jquery，这比杀死。我希望这有助于某人。

<%= form_for @user do |f| %> <%= f.label :username %>: <%= f.text_field :username,autofocus: true, class:"form-control" %><br /> <%= f.label :email %>: <%= f.email_field :email, class:"form-control" %><br /> <%= f.label :password %>: <%= f.password_field :password, class:"form-control" %><br /> <%= f.submit "Sign Up", class:"btn btn-primary" %> <% end %>

Answer 2

HTML5属性自动对焦仅适用于输入字段，例如

<input autofocus/>

请在w3schools阅读相关信息您可以使用一些Javascript（在示例中使用jQuery）实现相同的功能：

jQuery(document).ready(function(){
  $('*[autofocus]').focus()
})

自动对焦无法在导轨中工作

2 个答案: