重新加载后聚焦输入

Question

我需要帮助，如何在重新加载后将一个输入框（填写完成后）设为焦点，因为我已经在默认情况下设置了另一个输入框的焦点。

<form>
  Default: <input type="text" name="reload_1" id="default"><br>
  Reload: <input type="text" name="reload_2" id="reload">
</form> 

<script>
  document.getElementById("default").focus();
</script>

表单有一个脚本，填写字段后，由于它是建议性的（特别是在id="reload"中），会重新加载。我希望焦点是在id="reload"上而不是在id="default"上。

- rkevx21

---

每次页面（重新）加载时，您的代码应该将焦点放在字段上。 - tcooc

如果您想关注其他领域，只需在 js 中更改 id。 - Zentoaku

我两天前回答了那个问题。http://stackoverflow.com/questions/25281221/javascript-tab-index-focus/25281503#25281503 - MartinWebb

Answer 1

您可以将一个值存储在窗口名称属性中来模拟会话变量。

...
document.getElementById(window.name==='reload'?'reload':'default').focus();
window.name='reload';
...

http://blogs.sitepointstatic.com/examples/tech/js-session/index.html

- aelgoa

Answer 2

我知道答案已经被选择了，但为什么我们不使用"autofocus"属性呢?它在页面重新加载后仍然存在..

 <input type="text" id="fname" name="fname" autofocus>

- Rajesh kumar

Answer 3

1. 将元素id保存在localStorage中。
2. 在加载时从localStorage获取元素id，并将焦点设置到该元素上。

- andrey.shedko

Answer 4

将你的代码放在 document.onload 函数中。

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

- Ajay Peter