ASP.NET Core MVC with jquery beforeunload problem on ios

Question

 function isEventTriggeredByLink(event) {
     var activeElement = document.activeElement;
     return activeElement && activeElement.tagName === 'A';
 }

 $(window).on('beforeunload', function (event) {
     if (!isEventTriggeredByLink(event)) {
         showLoadingScreen();
     }
 });

 $(window).on('pagehide', function (event) {
     if (!isEventTriggeredByLink(event)) {
         showLoadingScreen();
     }
 });

 document.addEventListener('visibilitychange', function () {
     if (document.visibilityState === 'hidden') {
         showLoadingScreen();
     } else if (document.visibilityState === 'visible') {
         hideLoadingScreen();
     }
 });

 $(window).on('load', function () {
     hideLoadingScreen();
 }); 

this code is not working only on the IOS when i reload the page i need to get the loading screen but it is not showing on other non IOS it is working fine how can i fix that

I have tried a lot of thinks that are for IOS like the page hide visibility change and other thinks but still when i refresh the page it is not showing the loading screen