Topic: Modal Popup window at leaving the page
Manuel Remus Stanca free asked 6 years ago
Hi,
I would like to have a script to show a modal popup window when the user try to leave the page either by using history button or any link in the page.
I tried the below code, but I see no results
<script>
$(window).ready(function(){
function UnLoadWindow() {
$('#exModal1').modal('shown');
}
window.onbeforeunload = UnLoadWindow;
});
</script>
I have this one, but the browser add its own text, not my text
<script>
function UnLoadWindow() {
return 'I want my text here, not the browser default text.'
}
window.onbeforeunload = UnLoadWindow;
</script>
Thx
Manuel
Mikołaj Smoleński staff answered 6 years ago
Hi there,
According to this page https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onbeforeunload You can't display modal instead prompt while reloading the page. However You could change the text inside the prompt using the following code:
window.addEventListener('beforeunload', function (e) {
// Cancel the event as stated by the standard.
e.preventDefault();
// Chrome requires returnValue to be set.
e.returnValue = '';
});
Best
Eric Engel free commented 5 years ago
This was deprecated years ago unfortunately. You cannot change the text inside the prompt.
Mikołaj Smoleński staff commented 5 years ago
Thanks @Eric Engel for your remarks. Best regards
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Free
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.5.10
- Device: laptop & phone
- Browser: FF & Chrome
- OS: Windows 10 x64 Home
- Provided sample code: Yes
- Provided link: No