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;