Cannot prevent refreshing page in window.onunload()

Question

I'm trying to show a prompt message in case user trying to refresh the page. I used window.onbeforeunload and it's working fine on other browsers BUT not Mobile Safari.

I'm trying to use window.onunload for Mobile Safari, I can show the prompt message, but cannot prevent refreshing page.

Below is the code

<script>
    var iOS = ( navigator.userAgent.match(/(iPad|iPhone|iPod)/g) ? true : false );
    if(iOS){

        window.onunload = function() {
            var test = confirm("Are you sure you want to leave this page");

            if(!test){
                return false;
            } 

        }
    }

I also tried the pagehide event, can show the prompt but still cannot prevent refreshing page Below is the code

<script>

  window.addEventListener("pagehide", function(){
    var test = confirm("Are u sure you want to leave this page aaaaaaaaaaaaa");         
    if(!test){          
        return false;
    } 
  },false);

</script>

score 0 · Answer 1 · edited May 23 '17 at 10:33

0

Read this answer

Why is jQuery unload not working in chrome and safari?

You cannot have any dialogs/confiems in beforeunload.

jQuery(window).on('beforeunload', function() {
  return 'Are you sure you want to leave this page';
});

edited May 23 '17 at 10:33

Community

1
1

answered Dec 30 '14 at 07:28

aWebDeveloper

36,687
39
170
242

I tested on iPad, using Mobile Safari and I can see the prompt message. But the page is still reloadding – user44858 Dec 30 '14 at 07:34
i think it's the default prompt not your custom one. – aWebDeveloper Dec 30 '14 at 07:43
It's mine, not the default one. – user44858 Dec 30 '14 at 09:02

score 0 · Answer 2 · answered Dec 30 '14 at 08:31

0

As of some information from this site:

https://www.webkit.org/blog/516/webkit-page-cache-ii-the-unload-event/

onbeforeunload and onunload not working in safari. So I suggest you try using the pagehide event in the safari browser. Pls try and let me know

http://www.w3schools.com/jquerymobile/event_pagehide.asp

answered Dec 30 '14 at 08:31

Nguyen Giang

23
7

I just tried the pagehide event, I can see the prompt but cannot prevent refreshing page. I added code sample for using pagehide() in the question, please refer. – user44858 Dec 30 '14 at 09:44

score -1 · Answer 3 · answered Dec 30 '14 at 07:31

-1

Try this

$(window).on('beforeunload', function() {
  return 'Your own message goes here...';
});

answered Dec 30 '14 at 07:31

Hoja

1,057
1
12
32

As mentioned in the question, I used beforeunload(), but it doesn't work on Mobile Safari. So I need a special handler for Mobile Safari – user44858 Dec 30 '14 at 07:47

Cannot prevent refreshing page in window.onunload()

3 Answers3

Try this