How to handle browser close (cross) in javascript or Jquery

Question

I need to handle browser close (through cross on the top right side) through javascript or Jquery. I have found lots of forums or blog where they give a solution to do this using onUnload or OnbeforeUnload etc. But these event always get triggered whenever page refresh or go back and forward in browser. I need to expire cookies only when user signout from application or user close the window. If i use the onUnload or OnbeforeUnload event they get triggered even when page refreshed or back or forward as i have already told.

Any help really appreciated. Thanks

Use a cookie without an expire date? – Decent Dabbler Sep 20 '11 at 09:49 — Decent Dabbler, Sep 20 '11 at 09:49
i need to expire it also after six hour. – Amit Soni Sep 20 '11 at 09:49 — Amit Soni, Sep 20 '11 at 09:49

score 1 · Accepted Answer · edited May 23 '17 at 12:30

Non persistent cookies is one workaround. second, you can do some small things before the customer closes the tab. javascript detect browser close tab/close browser but if your list of actions are big and the tab closes before it is finished you are helpless. You can try it but with my experience donot depend on it.

window.addEventListener("beforeunload", function (e) {
  var confirmationMessage = "\o/";
  /* Do you small action code here */
  (e || window.event).returnValue = confirmationMessage; //Gecko + IE
  return confirmationMessage;                            //Webkit, Safari, Chrome
});

https://developer.mozilla.org/en-US/docs/Web/Reference/Events/beforeunload?redirectlocale=en-US&redirectslug=DOM/Mozilla_event_reference/beforeunload

score 0 · Answer 2 · edited Mar 17 '15 at 09:49

0

OnbeforeUnload can be used for this purpose with some work around. I think you can use a flag value something like wasClose=true/false , which should be made to false when user is clicking on any elements(can be applied for a div/body if it can receive the bubble). The better you can get some js library from web and use.

Else, we will need to manually monitor right clicks, click targets(if inside body) etc.. and decide, the window.close() or a click on close is the event caused the Onbeforeunload() call.

edited Mar 17 '15 at 09:49

mplungjan

169,008
28
173
236

answered Sep 20 '11 at 09:41

Kris

8,680
4
39
67

Thanks for ur response, Can we find that weather a mouse right click triggered with in HTML body or out side? if so, do u have any code,forum or blog reference? – Amit Soni Sep 20 '11 at 09:48
same click event, you can write it in body. Now from event object you can get the keycode. using which you can do. – Kris Sep 21 '11 at 09:23
Thanks for revert. I will implement ur suggestions. But for now we are using non persistent cookies so that cookie get expired as and when browser closed.Anyway thanks a lots. – Amit Soni Sep 21 '11 at 13:22

How to handle browser close (cross) in javascript or Jquery

2 Answers2