如何在页面刷新后保留输入框内容 - 无需任何Bug的代码示例
以下是一个简单的代码示例,可以实现在输入框中输入内容后,刷新页面后输入框中的内容不会被清空:
HTML代码:
<input id='edit_openaikey' placeholder=''>
JavaScript代码:
// 获取输入框元素
var inputElement = document.getElementById('edit_openaikey');
// 判断本地存储中是否有输入框内容
if(localStorage.getItem('inputValue')) {
// 如果有,则将内容设置到输入框中
inputElement.value = localStorage.getItem('inputValue');
}
// 监听输入框内容变化事件
inputElement.addEventListener('input', function() {
// 将输入框内容保存到本地存储中
localStorage.setItem('inputValue', inputElement.value);
});
上述代码中,我们使用了localStorage来保存输入框中的内容,当页面刷新时,我们可以从localStorage中读取之前保存的内容,然后将其设置到输入框中。同时,我们还监听了输入框内容变化事件,当输入框中的内容发生变化时,我们将新的内容保存到localStorage中,以便下次使用。
原文地址: https://www.cveoy.top/t/topic/jqiF 著作权归作者所有。请勿转载和采集!