There is no function to differentiate between\u00a0browser tab refresh and browser tab close but i found a way to differentiate between two.<\/p>\n
We have<\/strong> –<\/p>\n Function ‘onload’ – it is fired when we refresh browser tab.<\/p>\n Function ‘unload’ – it\u00a0is fired when we either refresh browser tab or close browser tab.<\/p>\n Requirement<\/strong> –<\/p>\n We don’t have a single function in javascript which works only on browser tab close.<\/p>\n How to achieve this ?<\/strong><\/p>\n Solution<\/strong> –<\/p>\nvar validNavigation = 0;\r\n\r\nfunction endSession() \r\n{\r\n \/\/ Browser or Broswer tab is closed\r\n \/\/ Write code here\r\n alert('Browser or Broswer tab closed');\r\n}\r\n\r\nfunction bindDOMEvents() {\r\n\/*\r\n\r\n* unload works on both closing tab and on refreshing tab.\r\n\r\n*\/\r\n$(window).unload(function() \r\n{\r\n if (validNavigation==0) \r\n {\r\n endSession();\r\n }\r\n}\r\n\r\n\/\/ Attach the event keypress to exclude the F5 refresh\r\n$(document).keydown(function(e)\r\n{\r\n var key=e.which || e.keyCode;\r\n if (key == 116)\r\n {\r\n validNavigation = 1;\r\n }\r\n});\r\n\r\n\/\/ Attach the event click for all links in the page\r\n$(\"a\").bind(\"click\", function() \r\n{\r\n validNavigation = 1;\r\n});\r\n\r\n \/\/ Attach the event submit for all forms in the page\r\n $(\"form\").bind(\"submit\", function() \r\n{\r\n validNavigation = 1;\r\n});\r\n\r\n \/\/ Attach the event click for all inputs in the page\r\n $(\"input[type=submit]\").bind(\"click\", function() \r\n{\r\n validNavigation = 1;\r\n});\r\n\r\n}\r\n\r\n\/\/ Wire up the events as soon as the DOM tree is ready\r\n$(document).ready(function() \r\n{\r\n bindDOMEvents(); \r\n});<\/pre>\n","protected":false},"excerpt":{"rendered":"