javascript - 保存到本地存储 onkeyup

Question

我正在尝试使用 JavaScript 将 keyup 事件的表单数据保存到本地存储。我有以下代码，但收到错误“Uncaught TypeError: Cannot set property 'onkeyup' of null”。

html

<input type="text" id="username" />

javascript

var user = document.getElementById("username");
user.onkeyup = function(){
    localStorage.setItem('user', user.value);
};

Answer 1

您正在尝试在加载完成之前访问 DOM 元素。将代码包装在函数中并在 window.onload 中调用

function init() {
var user = document.getElementById("username");
user.onkeyup = function(){
    localStorage.setItem('user', user.value);
};
}
window.onload = init;