How to create confirmation dialog on leaving page on chrome?

Question

1.00/5 (2 votes)

See more:

I know there are a lot of questions regarding this but nothing is answering me right. I want to show a confirmation dialog when user leaves the page. If the user press Cancel he will stay on page and if OK the changes that he has made will be rollback-ed by calling a method. I have done like this:

JavaScript

var _AreyousureLeaving = "Are you sure you want to leave?";
window.onbeforeunload = function (evt) {
                var message = _AreyousureLeaving;
                  if (typeof evt == 'undefined') {
                    evt = window.event;
                }
                if (evt) {
                    confirm(_AreyousureLeaving);
                    evt.returnValue = message;
                }
                return message;  
        }

This code is working fine in IE and Firefox. But this code is not working in Chrome. the statements confirm(_AreyousureLeaving); is not working.

if there is any way to control this popupt? Thanks

Posted 25-Oct-14 2:31am

Osama Abu Sitta

Updated 13-Nov-20 18:43pm

v2

Add a Solution

Comments

Robert Welliever 27-Oct-14 3:30am

I don't know why you ignored my correct answer, but Chrome is properly blocking your confirm dialog exactly as it is designed to. Do you just not believe that is the case? I gave you instructions to verify for yourself and the solution to your problem.

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Zubairk1990 · Answer 1 · 2014-10-26T19:17:00

Solution 1

Hi,

Please refer below code its wroking fine with I.E, Mozila Firefox and chrome..

XML

<script type="text/javascript" >
        window.onbeforeunload = function () {
            return "Do you want to leave?"
        }

        // A jQuery event (I think), which is triggered after "onbeforeunload"
        $(window).unload(function () {
            alert("Do Reset..");
            //I will call my method
        });
   </script>

Thanks
Zubair

Posted 26-Oct-14 19:17pm

Zubairk1990

Comments

Osama Abu Sitta 27-Oct-14 1:27am

I know this code working but I want to create confirm message with ok /cancel and
If the user press Cancel he will stay on page and if OK I want to do function before leaving the page
Thanks !

/\jmot 27-Oct-14 7:15am

Robert Welliever · Answer 2 · 2014-10-26T19:26:00

Solution 2

Do you have '_AreyousureLeaving' defined in a global scope? Your code looks a little wonky using local variable 'message' that doesn't serve a purpose and you're using the deprecated event.returnValue. However, I had a similar issue and discovered Chrome was blocking alert and confirm dialogs automatically in the onunload event. I never traced through the jQuery source to see how they resolved the issue, but if you use jQuery it should solve your problem. Like this:

$(window).on('beforeunload', function () { return 'Please Stay On This Page'; });

Good luck.

Posted 26-Oct-14 19:26pm

Robert Welliever

Comments

Osama Abu Sitta 27-Oct-14 1:39am

I have defined _AreyousureLeaving in a global scope
the error occur at the confirm message just in chrome

Robert Welliever 27-Oct-14 2:03am

If you right click Chrome when running, then 'Inspect Element', click the 'Resources' tab, click 'Frames' and navigate to where your event should execute, you will see Chrome block it and throw an error. You can't prevent that from happening so you have to send the popup before onunload is fired. jQuery's beforeunload fires before onunload, but has pretty much the same effect. If you put your _AreyousureLeaving variable right where I put 'Please Stay On This Page' in the code snippet above, it should work as you intend.

Member 13448898 · Answer 3 · 2017-10-05T20:14:00

Solution 4

$(window).on('beforeunload', function () { return 'Please Stay On This Page'; });
I am using the code but default msg alert only display like"Changes you made may not be saved". Refresh my page that time how to display my own comments display alert in my browser.

Posted 5-Oct-17 20:14pm

Member 13448898

Comments

Richard Deeming 6-Oct-17 15:01pm

In what way is this supposed to be a "solution" to the question?!