All geek questions in one place

JS: Introducing a custom modal dialog "Are you sure you want to leave this page"

I know that this was probably discussed earlier, but I wonder how Facebook really successfully implements this function - at https://www.facebook.com/messages/new : When composing a message, and then when trying to click the "Back" button "in the browser, I get my own custom facebook dialog, which checks that I really want to leave the page.

I know that I can use the beforeunload event to open my own dialog, but how to create my own custom one, for example Facebook.

I realized that one way probably uses jQuery and fires an event in the whole set of links.

But how does it work for everything else (for example, the back button in the browser).

I figured this might have something to do with the PushState control or the fact that facebook probably uses some infrastructure on the client side, and when I click "Back" I DO NOT actually UNLOAD the window.

In any case, we will be happy to receive information about this problem.

+4
source share
1 answer

It is just HTML, CSS and JS. In the case of composing a message, which is actually just a form, set the beforeunload event and check if any of the form fields is filled out. If so, show your own html. Perhaps this will help you get started: http://jsbin.com/ronuyo/1/

0
source

Source: https://habr.com/ru/post/1447691/

More articles:


All Articles