ruby-on-rails - 页面加载时如何聚焦表单输入字段

Question

在我的 rails 3 应用程序中，我有一个 View haml 文件，其形式如下:

= form_for(:car, :url => cars_path) do |f|
  %p
    = f.label :carname
  %p  
    = f.text_field :carname /focus here
  %p
    = f.label :carnr
  %p
    = f.text_field :carnr
  %p
    = f.submit

我要 输入栏 = f.text_field :carname在 焦点页面加载时。

怎么做？有必要使用jquery吗？或者是否有任何 Rails 方式来做焦点？

Answer 1

没有必要使用 jquery，但如果您不使用 HTML5，则必须使用 javascript，但您现在必须使用 jquery 或 javascript:

document.getElementById('carname').focus();

或者

$("carname").focus();

with HTML5

= f.text_field :carname, :autofocus => true

HTML5 方法有一个警告:您自动对焦的字段不
获取 focus() 事件，这样您通过 onfocus 执行的任何 CSS 样式都不会发生。