Javascript 如何从textarea保存到本地存储？_Javascript_Html_Google Chrome Extension_Local Storage

Javascript 如何从textarea保存到本地存储？

javascript html google-chrome-extension

Javascript 如何从textarea保存到本地存储？,javascript,html,google-chrome-extension,local-storage,Javascript,Html,Google Chrome Extension,Local Storage,我正在尝试保存输入到localStorage中textarea的电子邮件。当我加载页面时，我看到了占位符“your gmail address”，但当我输入一个值并单击“save”时，什么也没有发生。我没有看到警报或控制台验证文本是否已保存。我做错了什么 <html> <head><title>Extension Options</title></head> <body> <textarea id="user" sty

我正在尝试保存输入到

localStorage

中textarea的电子邮件。当我加载页面时，我看到了占位符“your gmail address”，但当我输入一个值并单击“save”时，什么也没有发生。我没有看到警报或控制台验证文本是否已保存。我做错了什么

<html>
<head><title>Extension Options</title></head>
<body>
<textarea id="user" style="margin-bottom: 4px; width: 250px; height: 20px">
</textarea><br />
<button id="save">Save</button>
<!--<button id="save">Clear</button>-->

<script type="text/javascript">

//check if "user" is in localStorage

if (localStorage["user"])
{
    var user = localStorage["user"] ;
    document.getElementById("user").value = user ;
    alert("you are already a user")
}
else
{
    document.getElementById("user").placeholder = "your gmail address" ;
    console.log("user no found in localStorage")
}

//save entered gmail address
document.getElementById("save").addEventListener
{
    "click", function ()
    {
        var user = document.getElementById("user").value ;
        //localStorage["user"] = user ;
        localStorage.setItem("user", user) ;
        alert("gmail id saved") ;
        console.log("gmail id saved")
    } , false
}

</script>
</body>
</html>


扩展选项


拯救
//检查“用户”是否在本地存储中
if（本地存储[“用户”]）
{
var user=localStorage[“user”]；
document.getElementById（“用户”）.value=user；
警报（“您已经是用户”）
}
其他的
{
document.getElementById（“用户”）.placeholder=“您的gmail地址”；
log（“在本地存储中找不到用户”）
}
//保存输入的gmail地址
document.getElementById（“保存”）.addEventListener
{
“单击”，函数（）
{
var user=document.getElementById（“用户”）.value；
//本地存储[“用户”]=用户；
setItem（“用户”，user）；
警报（“保存gmail id”）；
console.log（“保存了gmail id”）
}，错
}

您的addEventListener函数使用不正确。应该这样使用：

document.getElementById("save").addEventListener("click", function ()
    {
        var user = document.getElementById("user").value ;
        //localStorage["user"] = user ;
        localStorage.setItem("user", user) ;
        alert("gmail id saved") ;
        console.log("gmail id saved")
    } , false);

您的addEventListener函数使用不正确。应该这样使用：

document.getElementById("save").addEventListener("click", function ()
    {
        var user = document.getElementById("user").value ;
        //localStorage["user"] = user ;
        localStorage.setItem("user", user) ;
        alert("gmail id saved") ;
        console.log("gmail id saved")
    } , false);

您肯定会在控制台中看到语法错误。@pimvdb，是的，您是对的，我用大括号再次尝试，并在控制台中看到了错误消息。您肯定会在控制台中看到语法错误。@pimvdb，是的，您是对的，我用大括号再次尝试，并在控制台中看到了错误消息。