'回去'在浏览器中丢失表单中的数据

时间:2017-09-17 04:58:41

标签: javascript

我有一个显示区域,用于抓取在textarea中输入的信息,显示区域将超链接到页面。但是,当我使用' Go Back'在浏览器中,在textarea中输入的信息仍然存在,同时显示区域中的文本被删除。怎么改变?非常感谢!

    <script>    
    function replacetext(){
        var x = document.getElementById("input").value;
            document.getElementById("output").innerHTML = x;
        }                   
    </script>
    </head>
    <body>  
    <p>Text</p>
    <form><textarea id="input" onKeyUp="replacetext();" onKeyPress="replacetext();"></textarea></form><br>
    <a id="test" href="http://www.google.com/">
    <div id="output"></div>
    </a>
    </body>

1 个答案:

答案 0 :(得分:2)

在页面加载时,您还需要运行该功能。我们将检查包装在DOMContentLoaded事件中,以避免任何输入填充浏览器延迟。

document.addEventListener('DOMContentLoaded', function(){ 
    replacetext();
}, false);