HELP with showing warning when closing browser?

Site URL: https://www.frostwriter.com

Hi!

I have a website where there is a <textarea> tag is being used. It basically allows the user to type in something and download the content as a txt file. I wish to add a feature that shows a dialog box in the browser which asks "Are you sure you wish to close the browser without saving your work"? I want to add this so that the user doesn't lose their content and can be reminded to download it before leaving the page or refreshing the page. I saw some similar questions in stack exchange but neither of them worked on Squarespace.

Any kind of help would be really appreciated! Thanks in advance! 

Looks like you have solved this.

On 5/19/2020 at 8:48 AM, paul2009 said:

Looks like you have solved this.

I did! Thanks for checking out the website though! It was just a js function that did the job.

Could you pretty please post the js function? I'm working on accessibility updates and I've come across a point that I don't think I can figure out without this js function. 

19 hours ago, cmpnd said:

Could you pretty please post the js function? I'm working on accessibility updates and I've come across a point that I don't think I can figure out without this js function. 

"Users must be warned of any timeout that could result in data loss, unless the data is preserved for longer than 20 hours of user inactivity. " If you can share your solution, that would be greatly appreciated. Also, I rather like frostwriter, so great job with that.

Have you found the code yet?

23 hours ago, tuanphan said:

Have you found the code yet?

I've been searching like crazy and so far none of my queries are bringing anything up thats useful. If/When I do find the code, I'll post here. 

On 11/11/2020 at 7:35 PM, cmpnd said:

Could you pretty please post the js function?

You can do this with the onbeforeunload event. It allows you to display a "Leave site?" confirmation dialog box when the user tries to leave the current page. The message is determined by the browser.

You add use this event by adding the following code to the code injection area, or by adding it to a Code Block on a specific page.

<script>
window.onbeforeunload = function(event) {
  event.returnValue = "Changes that you made may not be saved.";
};
</script>

   If a post helps you, please click a "Like" option below  ↘️