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>

<强> Working Fiddle

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

1 个答案: