CODEWITHSUNDEEP
reactjsformsreact-hooks
Edgar
Edgar

Reputation: 6858

How to prevent reload and show custom popup?

I have a form, when my user tries to reload, I need to show the popup "If you reload the page you cannot use this form".

the page is reloaded using a button in browsers enter image description here

How to prevent reload and show custom popup ?

Upvotes: 1

Views: 1954

Answers (1)

Petur Subev
Petur Subev

Reputation: 20233

The browsers are designed to ask for confirmation with the native popup https://developer.mozilla.org/en-US/docs/Web/API/Window/beforeunload_event

And this cannot be customized (which would require async handling)

If the latter was possible people would get stuck on porn pages and would never have the chance to leave them.

Upvotes: 3

Related Questions