How to Warn Users About Unsaved Changes in JavaScript
Attach a function on the beforeunload
event to alert users before leaving your site:
Copied to clipboard!
// Warn your users if they have unsaved changes and plan to leave
window.onbeforeunload = () => {
alert('You have unsaved changes, your work will be lost.');
};
This will show an alert to your users, so they know to save before leaving. The event is fired right before the window is about to be unloaded.
Resources:
π More Webtips
Master the Art of Frontend
- Access 100+ interactive lessons
- Unlimited access to hundreds of tutorials
- Prepare for technical interviews