In this we have to use the preventDefault() to show the confirmation dialog according to the specifications.
Let's create a demo.html file and write the below codes:
Now open this html file in the browser then write something on the input box and then try to close or refresh the tab/browser and see the result as:
Now you can see, while refreshing the page or navigating to other page, its asking for confirmation and showing an alert for Changes that you made my not be saved. as:
If you found this article is helpful, then please share this article's link to your friends to whom this is required, you can share this to your technical social media groups also. You can follow us on our social media page for more updates and latest article updates.