2014-01-24 23 views
0
<input id="input1" type="text" /> 
<br /> 
<input id="input2" type="text" /> 

我遵循這個簡單的腳本,它將焦點放在輸入文本上。如何在使用jquery dynamic的文本框中進行焦點本地存儲?

 $(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(); 
} 

我想要了解/知道的是如何使腳本靈活?我怎麼能這樣做,以便它不會搜索id =「input1」,而是會搜索輸入[type = text]?

+0

咳咳。 $(「input [type = text]」)也許? – mplungjan

回答

0

像這樣的事情應該去做

$(document).ready(function() { 
    var id = 'input1'; 
    if (localStorage.getItem('txtObjectid')) { 
     id = localStorage.getItem('txtObjectid'); 
    } 

    $('#' + id).focus(); 

    $('input[type="text"]').on('focus', function() { 
     localStorage.setItem('txtObjectid', this.id); 
    }); 
}); 

FIDDLE

+0

所以我應該丟棄函數changefocus? – user3230425

+0

@ user3230425 - 看起來像一個奇怪的函數,每次點擊輸入時都會運行? – adeneo

+0

我想這麼感謝! – user3230425

相關問題