如何解决在另一个输入元素中显示和编辑保存的输入值时,如何更新本地存储中的输入值?
我正在创建“ Todo”列表。 有一个主要的“输入”字段,“类型=文本”字段,然后从那里将“ input.value”存储在“ localStorage”中,然后检索,解析和动态呈现数据到另一个“输入”字段中
因此,当用户想要编辑先前创建的待办事项输入时,很容易访问它,但是如何将数据保存到“ localStorage”?用户不会单击任何按钮。
最重要的是,我需要获取已更改的文本并将其替换为本地存储中的现有文本,以便在再次加载页面时该更改是永久的。
我应该使用哪个事件监听器? 到目前为止,我尝试使用“模糊”,“ onchange”,“ oninput” ...,但是该函数未返回任何内容。
解决方法
可能的解决方案可能是:
const yourInput = document.getelementbyid('yourInputId');
yourInput.addEventListener('change',(event) => {
localStorage.setItem(keyName,event.target.value);
});
,
Ciao,您可以尝试使用onInput
事件,如下所示:
function edValueKeyPress() {
var edValue = document.getElementById("edValue");
var s = edValue.value;
var lblValue = document.getElementById("lblValue");
lblValue.innerText = "The text box contains: " + s;
}
<input id="edValue" type="text" onInput="edValueKeyPress()"><br>
<span id="lblValue">The text box contains: </span>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。