How to capture the browser window close event on PHP?

Question

I found the code below in stackoverflow and it works fine, but how can I capture <input type="button">?

I tried $('input').on('click'), $('input.button').on('click'), and $('button').on('click') also didn't work. Also is there any method to capture refresh event? Many thanks.

var inFormOrLink;
$('a').on('click', function() { inFormOrLink = true; });
$('form').on('submit', function() { inFormOrLink = true; });

$(window).on("beforeunload", function() { 
    return inFormOrLink ? "Do you really want to close?" : null; 
})

Why tag this as `php`? I believe this is can be solved through `javascript` alone, or am I missing a point? — Gideon, May 28 '15 at 04:34
what is it that you want to do exactly? capture refresh event? capture onclick event? or capture window close event? — Abhinav, May 28 '15 at 05:04
I want to capture window close, once user confirm close the window then perform php function. — Thomas Lee, Jun 03 '15 at 09:25

score 2 · Accepted Answer · answered May 28 '15 at 05:14

2

To capture click on the <input type="button"> you can do

$('input[type=button]').on('click', function() {});

To capture refresh event you can do

window.onbeforeunload = function(e) {};

To capture refresh event with jQuery you can use unload

$(window).unload(function() {});

answered May 28 '15 at 05:14

Kremnev Sergey

332
1
8

but how to know the windows unload is refresh but not close window ? thanks. – Thomas Lee Jun 03 '15 at 09:26
As far as I know it might be possible, but not that trivial to implement. I'd rather reconsider your architecture, but if you really need to differentiate between refresh and close you better check out some existing questions for that. LIke this one http://stackoverflow.com/questions/291553/is-there-a-way-in-javascript-to-detect-if-the-unload-event-is-caused-via-a-refre or http://stackoverflow.com/questions/568977/identifying-between-refresh-and-close-browser-actions/13916847#13916847 – Kremnev Sergey Jun 03 '15 at 10:38

score 0 · Answer 2 · answered Jul 08 '16 at 12:54

If I get you correctly, you want to know when a tab/window is effectively closed. Well, AFAIK the only way in Javascript to detect that kind of stuffs are onunload & onbeforeunload events.

Unfortunately (or fortunately?), those events are also fired when you leave a site over a link or your browsers back button. So this is the best answer I can give, I don't think you can natively detect a pure close in Javascript. Correct me if I'm wrong here.

How to capture the browser window close event on PHP?

2 Answers2