How to call function inside of "beforeunload" then close the browser/window?

Question

I would like to run function if user click on 'Leave Page'. This function will send an AJAX call. In order for this function to be executed browser has to remain open. SO I'm wondering how I can close the window once this function is done/completed? Here is example that I have:

 window.addEventListener("beforeunload", function (e) {
       var confirmationMessage = "Your browser is now offline.",
       recID = $.trim($("#recID").val());
       removeUnlock(recID); // Call function to remove record from the Locked table.
       $("#unlockBtn").prop("disabled",true); //Set Unlock button attribute to disabled.
       $('.blockEdit').prop("disabled",true); //Set Edit button attribute to disabled. 

       (e || window.event).returnValue = confirmationMessage; //Gecko + IE
       console.log(confirmationMessage);
       return confirmationMessage; //Webkit, Safari, Chrome
});

I have updated my code example. I found the way to call unlock function but there is one problem. There is no way to check if user picked 'Leave' or 'Stay' on the page. Unlock function should run only if user picks to leave the page. In that case like I mentioned there is no enough time to process ajax call. I'm not sure that question marked as duplicate explains or have the answer to this situation...

In this case you will need to make the AJAX call `async: false` — Rory McCrossan, Dec 12 '17 at 16:37
Sorry yes - I meant false. It's normally considered so bad practice I couldn't even type it properly :) This is just about the only scenario where it's a fitting solution. — Rory McCrossan, Dec 12 '17 at 16:38
I don't believe any major browser will let you delay page close until your call is complete, the `beforeunload` event is quite restrictive to avoid abuse. — DBS, Dec 12 '17 at 16:42
sendBeacon would be more appropriate, if it weren't for Microsoft Edge not supporting it. Synchronous ajax is the only cross-browser alternative. — Kevin B, Dec 12 '17 at 16:44

How to call function inside of "beforeunload" then close the browser/window?

0 Answers0