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

Question

我有将输入更改为 div 的代码和第二个保存输入文本并显示它的 cookie 代码，但它在输入中显示它，我必须每次按 enter 将其更改为 div。如何将它保存在div stadium 到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>