如何从本地存储恢复javascript值
How to restore javascript value from localstorage?
code :
Test2 =<input type="text" id="idfield1" name="test2">
<br/> Test3 =<input type="text" id="idfield2" name="test3">
<script>
$('#idfield1').keypress(function() {
document.getElementById('idfield2').value='text to be displayed' ;
});
(function(window, document, undefined) {
function changeSelect(event) {
if (event.target.type == 'checkbox' || event.target.type == 'radio') {
window.localStorage.setItem(event.target.id, event.target.checked ? 'checked' : 'unchecked');
} else {
window.localStorage.setItem(event.target.id, event.target.value);
}
}
function load(event) {
var i = 0,
k, e;
while (i < window.localStorage.length) {
k = window.localStorage.key(i++);
e = document.getElementById(k);
if (e) {
if (e.type == 'checkbox' || e.type == 'radio') {
e.checked = window.localStorage.getItem(k) == 'checked';
} else {
e.value = window.localStorage.getItem(k);
}
}
}
}
function clearData(event) {
window.localStorage.clear();
}
window.addEventListener('load', load, true);
window.addEventListener('change', changeSelect, true);
window.addEventListener('select', changeSelect, true);
window.addEventListener('keyup', changeSelect, true);
window.addEventListener('click', changeSelect, true);
window.addEventListener('submit', clearData, true);
})(window, document)
</script>
http://jsfiddle.net/kxc156ox/6/
我想在浏览器意外关闭或重新加载时恢复输入值。
基于用户输入从 javscript 中获取多个值。如果用户不小心关闭了页面,由于互联网,他的页面被重新加载,从某种意义上说,所有值都应该从本地存储恢复。
重新加载 text3 值时未到来 .text2 值即将到来
请帮助我以任何方式获得价值.我在这个表格上工作了很长时间.任何帮助都将非常有用。
提前谢谢.
我认为
下面的小提琴链接将解决您的问题。
检查一下。
$('#idfield1').keypress(function(evt) {
document.getElementById('idfield2').value=evt.currentTarget.value ;
});
(function(window, document, undefined) {
function changeSelect(event) {
var elements = document.getElementsByTagName("input");
//For query selection use below code
//var element = document.querySelectorAll("input[type=text]");
for(var index=0; index<elements.length; index++){
if (elements[index].type == 'checkbox' || elements[index].type == 'radio') {
window.localStorage.setItem(elements[index].id, elements[index].checked ? 'checked' : 'unchecked');
} else {
window.localStorage.setItem(elements[index].id, elements[index].value);
}
}
}
function load(event) {
var i = 0,
k, e;
while (i < window.localStorage.length) {
k = window.localStorage.key(i++);
e = document.getElementById(k);
if (e) {
if (e.type == 'checkbox' || e.type == 'radio') {
e.checked = window.localStorage.getItem(k) == 'checked';
} else {
e.value = window.localStorage.getItem(k);
}
}
}
}
function clearData(event) {
window.localStorage.clear();
}
window.addEventListener('load', load, true);
window.addEventListener('change', changeSelect, true);
window.addEventListener('select', changeSelect, true);
window.addEventListener('keyup', changeSelect, true);
window.addEventListener('click', changeSelect, true);
window.addEventListener('submit', clearData, true);
})(window, document)
相关文章:
- 为什么不是't窗口.恢复正常工作吗?(javascript/jquery)
- javascript恢复样式
- 在文本区域禁用javascript定义的keydown事件并恢复默认行为
- 如何从本地存储恢复javascript值
- 如何在 v8 中正确恢复 Javascript 上下文
- 如何在恢复函数之前等待 JavaScript 承诺解析
- Javascript:保存和恢复浏览器窗口大小
- Javascript:保存和恢复样式状态在IE中不起作用
- Javascript:onclick函数工作一次,页面就会恢复到原来的状态
- 在IE8中恢复被覆盖的javascript方法
- 在没有F12工具的情况下恢复Internet Explorer上的javascript日志和错误
- 如何通过在javascript中单击浏览器的后退按钮将页面恢复到以前的状态
- 恢复javascript函数中的href属性
- 如何在Visual Studio代码中恢复Javascript语法错误检测
- 当条件为真时停止并恢复 Javascript 执行
- PhantomJS-暂停/恢复javascript执行
- Rhino:能够暂停、保存状态和恢复javascript
- 如何暂停和恢复javascript计时器
- 暂停和恢复 javascript 中的 setInterval
- 使用源映射恢复JavaScript缩小