Tutorial :How to identify browser tab closing using javascript or jquery?



Question:

How to identify browser tab closing using javascript or jquery? I have to give a confirmation message when user click on the browser close button. If user press yes button I have to load another page on the same tab. if press cancel. then close the tab. any body knows the scripts for this functionality. Please help me :(


Solution:1

Try something like this:

$(window).unload(function() {      var bye = confirm("Go away?");      if (bye) {         // do stuff         window.location = "http://somewhere_else";      } else {         // do stuff?         // stay here      }  });  


Solution:2

That's annoying as hell from a user experience perspective IMO, but you can try using the onunload event:

$(window).unload(function() {      if(confirm("Load something else here?")) {          // blah blah blah      }  });  


Solution:3

onbeforeunload = function() {     return 'string';  }  

would give a prompt. you can also insert a modal through:

onbeforeunload = function() {     var x = window.open('file.html');  }  

you can't really customize it per how you want it, it's locked down by the browser.


Solution:4

This site uses onbeforeunload. You can play around with it and see if it does what you need. Type in some text into the answer box and try to refresh, navigate away, close tab, close browser.


Note:If u also have question or solution just comment us below or mail us on toontricks1994@gmail.com
Previous
Next Post »