How to trigger a browser window or tab close event with jQuery

Question

Is there any way to trigger a window/tab close event with jQuery. I already tried with

$('selector').unload()

But it didn't work.

Please see here for your problem solution. May it will help you. Thank You http://stackoverflow.com/questions/3888902/javascript-detect-browser-close-tab-close-browser — Vishal P Gothi, Sep 23 '16 at 11:48

score 10 · Answer 1 · answered Jul 24 '13 at 10:50

10

You can use unload() on the window property in jQuery:

$(window).unload(function() {
   //do stuff
});

You don't need jQuery to do it though, you can use good ol' fashioned JavaScript:

window.onbeforeunload = function(e){
    var msg = 'Are you sure?';
    e = e || window.event;

    if(e)
        e.returnValue = msg;

    return msg;
}

answered Jul 24 '13 at 10:50

mattytommo

54,375
15
123
144

1

java script method worked. thanks but I need something like this $(window).unload(function() { window.location='clearsession.php' }); How can I do it with js – Asce4s Jul 24 '13 at 11:55
3

It will also called when user navigate to some other page rather than closing the window – Jitendra Pancholi Sep 24 '13 at 12:10

Dilantha · Answer 2 · 2013-07-24T12:29:01.507

0

Try this

$(window).unload(function() {  
        alert("Unload");  
});

Note : some times dialogs are blocked in unload . You can check your console to make it confirm.

edited Jul 24 '13 at 12:29

answered Jul 24 '13 at 10:51

Dilantha

1,422
2
27
41

1

What if person is not closing browser but navigating to some other page. unload will also run in that condition. – Jitendra Pancholi Sep 24 '13 at 12:07

score 0 · Answer 3 · answered Jun 26 '15 at 14:48

0

In Javascript

window.onbeforeunload = function (event) {
    var message = 'Important: Please click on \'Save\' button to leave this page.';
    if (typeof event == 'undefined') {
        event = window.event;
    }
    if (event) {
        event.returnValue = message;
    }
    return message;
};

In jQuery

$(window).on('beforeunload', function(){
      return 'Are you sure you want to leave?';
});

answered Jun 26 '15 at 14:48

kathir

4,219
3
16
29

1

It works including page refresh, I need specifically for tab close or browser close – sam ruben Sep 17 '19 at 13:38

How to trigger a browser window or tab close event with jQuery

3 Answers3

Linked