我需要更改 cookie 的 javascript 代码。我正在保存输入文本，但我需要保存 div 文本而不是输入文本

Question

我有将输入更改为 div 的代码和保存输入文本并显示它的第二个 cookie 代码，但它会在输入中显示它，我必须通过每次按 enter 将其更改为 div。 div 体育场中如何保存到cookies？我知道我只需要更改下面的代码，但是如何？

编辑： 缺少一些 JS 导入 HTML：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.1.3/js.cookie.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
            <script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.1.3/js.cookie.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <input id="name" type="text" class="name" placeholder="What's your name?"/>
    <div id="text"></div>

Javascript（在 HTML 文件中）：

<script>
    $(document).ready(function(){
        var name = Cookies.get('_username');
        if (name) {
            $('#name').val(name);
        }
        $('#name').keydown(function(){
            var inputName = $('#name').val();
            Cookies.set('_username', inputName);
        })
    });

    $(document).ready(function(){
 $('#name').keydown(function(e){
     if(e.which==13){
        $('#name').hide();
        $('#text').html($('#name').val());
     }

  })
 });
    </script>

感谢您的帮助。

Answer 1

如果我理解正确，这就是你想要的。第一次加载页面时显示输入，然后当用户刷新页面时，不再显示，因为已经设置了 cookie。

<script>
    $(document).ready(function(){
        $('#text').hide();
        var name = Cookies.get('_username');
        if (name) {
            $('#text').html(name);
            $('#name').val(name);
            $('#name').hide();
            $('#text').show();
        }
        $('#name').keydown(function(){
            var inputName = $('#name').val();
            Cookies.set('_username', inputName);
        })
    });

    $(document).ready(function(){
 $('#name').keydown(function(e){
      $('#text').html($('#name').val());
     if(e.which==13){
        $('#name').hide();
        $('#text').show();
     }

  });

  $('#text').dblclick(function(){
    $('#name').show();
    $('#text').hide();
  });
 });
    </script>