How to display popup with custom HTML on browser close tab using JavaScript/Jquery ? I have custom HTML popup

Question

I want to display custom HTML Popup when user close web browser using Jquery/Javascript.I have googled it but not found any solution to achieve that.

Please help me. I am stuck since many days !!

Thanks

When you say popup do you mean launch another window/tab, or a modal popup in the current page? The former is not possible — Rory McCrossan, Oct 11 '18 at 10:48
you'd have to do it on the mouse leaving the page, not when a tab / the broswer is closed — BritishSam, Oct 11 '18 at 10:50
Please confirm yourself. You want to popup on "Browser" OR "Tabbed" close event? — Jitendra G2, Oct 11 '18 at 10:53
I tried that only display message: window.onbeforeunload = function (e) { e = e || window.event; // For IE and Firefox prior to version 4 if (e) { e.returnValue = 'Sure?'; } // For Safari return 'Sure?'; }; — Dilip Oganiya, Oct 11 '18 at 11:02
Please confirm yourself. You want to popup on "Browser" OR "Tabbed" close event? Comment : I want to open custom popup — Dilip Oganiya, Oct 11 '18 at 11:04

score 1 · Answer 1 · answered Oct 11 '18 at 10:52

1

Assuming you want to prevent users from just closing the tab, you can provide them an alert if you use the following:

window.onbeforeunload = function (e) {
    e = e || window.event;

    // For IE and Firefox prior to version 4
    if (e) {
        e.returnValue = 'Sure?';
    }

    // For Safari
    return 'Sure?';
};

Original answer from: https://stackoverflow.com/a/10311375/6524598

answered Oct 11 '18 at 10:52

Lesleyvdp

313
2
14

I want to display HTML popup – Dilip Oganiya Oct 11 '18 at 11:06

score 0 · Answer 2 · answered Oct 11 '18 at 13:00

0

Unfortunately, using the only available methods "onbeforeunload" or "unload" it is not possible to customize the popup displayed when the browser or browser tab is closed, because for the two methods you need to return a string.

Infact you cannot use your own dialog boxes (or jQueryUI modal dialogs) to override beforeunload method.

answered Oct 11 '18 at 13:00

G. Pizzo

11
2

Any other option ? – Dilip Oganiya Oct 11 '18 at 13:08
You will have to show the html popup in another context, not connected to the closing event of the browser. You could connect the popup to mouse / keyboard events if the user performs a particular action that makes him leave the current page, for example if you click on a link to go to another page / website... It depends on your final purpose. or use an ajax call to mark the browser close event, and act accordingly by creating logs. – G. Pizzo Oct 11 '18 at 13:22

How to display popup with custom HTML on browser close tab using JavaScript/Jquery ? I have custom HTML popup

2 Answers2