rails问题与document.getElementById（“id”）。焦点（）

2015-08-19 95 views 0 likes

嘿家伙我试图让输入框有焦点，当页面加载。这样用户就可以简单地开始在框中输入而不用标签了。另外，如果您有咖啡标记版本，我也很乐意看到这一点。谢谢！rails问题与document.getElementById（“id”）。焦点（）

我有这个在mailer.js文件：

document.getElementById("id").focus()

这个网站在process_order.html.erb

<%= form_tag(:action => 'process_orders', :method => "get") do %> 
<%= text_field_tag :id %> 
<%= submit_tag "Search", :name => nil %> 
<% end %>

这里是页

<form action="/process?method=get" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="&#x2713;" /><input type="hidden" name="authenticity_token" value="JE2OKhdKm+vgUufwB8mIcPtVQgTAktzahT1MkLGvDbVWb+b5mTuAyZ1L6ATgcWy9l8285R21Qqm KWt/BCt4/QA==" /> 
<input type="text" name="id" id="id" /> 
<input type="submit" value="Search" /> 
</form></br>

来源

2015-08-19 ja11946

待办事项你有在文档就绪功能？ – code

回答

autofocus是一个HTML5特性，它可能不被所有浏览器都支持

您可以在window.onload事件

window.onload = function() { 
    document.getElementById("id").focus(); 
}

这里设置焦点是CoffeeScript的版本

window.onload = -> 
    document.getElementById('id').focus() 
    return

来源

2015-08-19 17:31:24

好吧，我们更接近，它重点放在形式，当我点击重新加载，但不是当我点击链接导致搜索.. ... – ja11946

的源代码

您可以将autofocus属性添加到您的文本字段。只要改变

<%= text_field_tag :id %>

到

<%= text_field_tag :id, nil, autofocus: true %>

，你应该得到所期望的功能。

来源

2015-08-19 17:13:11 dhouty

是的，我知道这个命令，但我试图解决非html5浏览器 – ja11946

rails问题与document.getElementById（“id”）。焦点（）

回答

相关问题