Prevent browser from refilling input on tab reopen

Only consistent way is to use JS to create textarea
vsliouniaev · Sep 21, 2023 · 7ed2eda · 7ed2eda
1 parent b9e44cc
commit 7ed2eda
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 6 deletions.
diff --git a/www/static/js/site.js b/www/static/js/site.js
@@ -1,6 +1,13 @@
 window.onload = function () {
     let naclfac = nacl_factory.instantiate(decrypt)
 
+    let txtArea = document.createElement('textarea')
+    txtArea.setAttribute( "id","data")
+    txtArea.setAttribute( "class","form-control")
+    txtArea.setAttribute( "rows", "15")
+    txtArea.setAttribute("placeholder","your message...")
+    document.getElementById('inputs').insertBefore(txtArea, document.getElementById('inputs').firstChild)
+
     const onSubmit = async (e) => {
         e.preventDefault()
         let nacl = await naclfac
@@ -96,8 +103,18 @@
     function getURL() {
         return document.getElementById('accessUrl').innerHTML
     }
-}
 
-window.onbeforeunload = function() {
-    document.getElementById('data').value = ""
+    window.onbeforeunload = function () {
+        data.value = ""
+    }
+
+    window.onunload = function () {
+        data.value = ""
+    }
+
+    window.onpagehide = function () {
+        data.value = ""
+    }
 }
+
+
diff --git a/www/templates/get.gohtml b/www/templates/get.gohtml
@@ -2,7 +2,6 @@
     <input id="encrypted" type="hidden" value="{{ . }}"/>
     <div id="inputs">
         <br/>
-        <textarea id="data" class="form-control" rows="15"></textarea>
         <div class="centered">
             <a href="/">Return</a>
         </div>

diff --git a/www/templates/set.gohtml b/www/templates/set.gohtml
@@ -1,7 +1,5 @@
 {{ define "content" }}
     <div id="inputs">
-        <textarea id="data" class="form-control" rows="15" placeholder="your message..."></textarea>
-
         <form id="form">
             <br>
             <div class="float-end">