when browser tab is close that time restrict popup modal is not open on homepage

Hello Team, 

We want to add a pop up message before getting close the Website browser tab. For example Gaana.com Screenshot attached, Please follow the link to see the attachment.

Attachement - : https://ibb.co/3kg33xH

code -

<script>

$(document).ready(function() {

    var myPopUp = $('#pop-up').css('display', 'block');

    $(window).bind('beforeunload', function(){

      return 'load my pop up here instead of the default browser message';

    });

});

</script>

Looking forward to your reply,

Thanks!

There is a difference, the confirmation box of javaScript which have cancel and okay buttons is a different alert than the popups you want to create. You cannot stop a user to close the tab or website. Browser only allow you to raise a warning in form of confirmation which ask okay or cancel. Nothing else you can do. The tricks people use when mouse goes up and above body. Then they suddenly open the popup its called Exit popup you can search on that. You can also try this Exit Intent examples and find your suitable solution. https://www.thepolyglotdeveloper.com/2018/11/using-exit-intent-listener-manage-popups-page/

As this is not related to the Theme its something extra you are trying to do so we cannot provide you any further support on this matter thanks. I recommend you to use plugin for WordPress if you are not aware how to use jQuery code. There are many just search Exit Intent WordPress plugin and you may find solution for yourself thanks.