2012-07-23 376 views
2

我想將表單數據保存到使用javascript的keyup事件上的local storage。我有下面的代碼,但我得到錯誤「未捕獲TypeError:無法設置屬性'onkeyup'null」。保存到本地存儲onkeyup

HTML

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

javscript

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

當你執行JS代碼時,你的文檔被加載了嗎?如果不是,那麼當你的JS代碼被執行時你的var用戶爲空。 – odupont 2012-07-23 10:13:54

回答

2

您正在嘗試完成加載之前訪問DOM元素。將你的代碼包裝在一個函數中,然後調用window.onload

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