我的Rails应用程序中有一个按钮,希望将其设置为autofocus,以便用户在加载页面时按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>

最佳答案

HTML5属性autofocus只用于输入字段,比如

<input autofocus/>

请在w3schools
您可以使用一些Javascript实现相同的功能(在示例中使用jQuery):
jQuery(document).ready(function(){
  $('*[autofocus]').focus()
})

10-07 18:22