forum

Home / DeveloperSection / Forums / Jquery Show Popup on window closing

Ask Question

Jquery Show Popup on window closing

Anonymous User215331-Oct-2014

I am trying to display a confirmation message when the user closes the browser/tab and not when any of the links on page is clicked.

I have got the first part of displaying the message on window close working nicely but problem is that the message/alert is displayed also when user clicks on any link on the page.

I have got code from somewhere to prevent this behavior but still when ever any link is clicked the alert pops up.

Here is the code:

<scriptsrc="js/jquery-1.7.1.min.js"></script>
<scriptsrc="js/jquery-ui.min.js"></script>
<scripttype="text/javascript"src="js/backfix-min.js"></script>
<script>
    $(document).ready(function () {
        $(window).bind('beforeunload', function (e) {
            $("#lead-gen-modal").dialog("open");
            return"Wait\! Don\'t Go\! We have a special offer for you\. Stay on this page to receive big savings\!";
        });
 
        $("a").click(function () {
            window.onbeforeunload = null;
        });
    });
</script>

jqueryjavascript 
Updated on 31-Oct-2014
Anonymous User

Anonymous User

Follow
I am a content writter !

Can you answer this question?

Answer

1 Answers

Anonymous User

Anonymous User

31-Oct-2014
just use a global variable and set it to false when clicking a link.
var key = true;
$(window).bind('beforeunload', function (e) {
     if (key)
        $("#lead-gen-modal").dialog("open");
});

update :

$(document).on("click", "a", function () {
     key = false;
});

or if you just want to prevent closing window you can do this :

window.onbeforeunload= function(e) {
     if (key)
         returnfalse;
}

Liked By