如何使用两个文本框更改焦点

Question

我有两个文本框

   <input id="input1" type="text"/>
   <input id="input2" type="text"/>

这是我目前正在使用的脚本：

 <script>
 $(document).ready(function() {
    $("#input1").focus();
     $("#input1").onclick(function(){
      changeFocus('input1');
      return false;
 });
     $("#input2").onclick(function(){
      changeFocus("input2");
      return false;
 });
});
     function changeFocus(id){
       var v = "#" + id;
       $(v).focus();
}
</script>

问题是，当我单击第二个文本框和页面刷新时，焦点将返回到第一个文本框。有人可以帮助我，以便当我单击第二个文本框时，焦点即使是页面刷新？

Answer 1

尝试这个。

<script>
$(document).ready(function() {
changeFocus();
 $("#input1").click(function(){
  localStorage.setItem('txtObjectid', "input1");
  changeFocus();
  return false;
 });
 $("#input2").click(function(){
  localStorage.setItem('txtObjectid', "input2");
  changeFocus();
  return false;
 });
});
 function changeFocus(){
   if(localStorage.getItem('txtObjectid')==null)
       id="input1"
   else
       id=localStorage.getItem('txtObjectid');
   var v = "#" + id;
   $(v).focus();
}
</script>

工作小提琴