Display a popup on close.

Unfortunately, it is not possible to show a popup on hover when the user closes a browser tab or window using the onbeforeunload or unload events, because for the two methods you need to return a string. Infact you cannot use your own dialog boxes (or jQueryUI modal dialogs) to override beforeunload method.

One option would be to use a service like Notify.js, which allows you to show notifications even when the user is about to close the browser.
 
Another option would be to use a browser extension like Stay.js, which prevents the user from closing the browser tab or window until they have dismissed the notification.

Check out this link:

https://stackoverflow.com/questions/52758117/how-to-display-popup-with-custom-html-on-browser-close-tab-using-javascript-jque

window.addEventListener('beforeunload', function(event) {
  // Cancel the default event (optional)
  event.preventDefault();

  // Customize the message to display in the popup
  var message = 'Are you sure you want to leave this page?';

  // Display the popup
  event.returnValue = message;
  return message;
});

Hello Anukesh,

You can use "beforeunload" to show pop up,

https://developer.mozilla.org/en-US/docs/Web/API/Window/beforeunload_event

There is no specific event for capturing the browser close event.

You can only capture on unload of the current page.

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

By this method, it will be effected while refreshing / navigating the current page.

Even calculating of X Y position of the mouse event doesn't give you good result.