Javascript 使用jQuery从输入值设置本地存储键_Javascript_Jquery_Html_Local Storage

Javascript 使用jQuery从输入值设置本地存储键

javascript jquery html

Javascript 使用jQuery从输入值设置本地存储键,javascript,jquery,html,local-storage,Javascript,Jquery,Html,Local Storage,因此，我尝试使用本地存储从html5+jQuery中的待办事项列表开始，但由于一些奇怪的原因，我无法让jQuery生成本地存储密钥这是我的密码。我希望它收集输入框的值，将其添加到本地存储，然后在名为的div中打印代码 $('#taskEntryForm').submit(function () { if ($('#taskInput').val() !== '') { var input_value = $('#taskInput').val();

因此，我尝试使用本地存储从html5+jQuery中的待办事项列表开始，但由于一些奇怪的原因，我无法让jQuery生成本地存储密钥

这是我的密码。我希望它收集输入框的值，将其添加到本地存储，然后在名为的div中打印代码

$('#taskEntryForm').submit(function () {

    if ($('#taskInput').val() !== '') {

        var input_value = $('#taskInput').val();
        var stored_input = this.localStorage.setItem('task_',input_value);
        var task = this.localStorage.getItem('task_');
        $('#taskList').append("<br>"+task);


    };

    return false;

});

$（'#taskEntryForm'）。提交（函数（）{
if（$（'#taskInput'）.val（）！=''）{
var input_value=$（'#taskInput'）.val（）；
var stored_input=this.localStorage.setItem（'task_'，input_value）；
var task=this.localStorage.getItem（'task'）；
$（'#任务列表'）。追加（“
”+任务）；
};
返回false；
});

然后是HTML

<html>  
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>  
<script src="shit.js"></script>
</head>   
<div id="cNew">
<form id="taskEntryForm">
<input id="taskInput" name="taskInput" autofocus></form>
</div>
<div id="taskList"></div>
</html>

在您的代码

中，此

表示形式。本地存储对象不是窗体的一部分，它是

窗口的一部分。您应该将this
（表示表单）更改为window
，或者完全删除this
（因为window.localStorage
与localStorage
完全相同）：
$（'#taskEntryForm'）。提交（函数（）{
if（$（'#taskInput'）.val（）！=''）{
var input_value=$（'#taskInput'）.val（）；
var storaged\u input=localStorage.setItem（'task\u'，input\u value）//
$('#taskEntryForm').submit(function () {
    if ($('#taskInput').val() !== '') {
        var input_value = $('#taskInput').val();
        var stored_input = localStorage.setItem('task_',input_value);  // <- removed 'this'
        var task = localStorage.getItem('task_');  // <- removed 'this'
        $('#taskList').append("<br>"+task);
    };
    return false;
});