'pageshow' is not received when pressing “back” button on Safari on *IPad"

前端未结

关注

 6  1369

I have the following handler:

        $(window).bind(\'pageshow\', function() { alert(\"back to page\"); });

When I navigate away from the

相关标签:

6条回答

执念已碎

2020-12-01 11:42
What you're doing there is binding the return value of alert("back to page") as a callback. That won't work. You need to bind a function instead:
```
$(window).bind('pageshow', function() { alert("back to page"); });
```
0 讨论(0)
发布评论:

提交评论
- 加载中...
滥情空心

2020-12-01 11:57
This is likely a caching issue. When you go back to the page via the "back" button, the page is being pulled from the cache (behavior is dependent on the browser). Because of this, your JS will not fire since the page is already rendered in the cache and re-running your js could be detrimental to layout and such.

You should be able to overcome this by tweaking your caching headers in your response or using a handful of browser tricks.

Here are some links on the issue:
- Is there a cross-browser onload event when clicking the back button?
- After travelling back in Firefox history, JavaScript won't run
EDIT

These are all pulled from the above links:
- history.navigationMode = 'compatible';
- <body onunload="">
- "Firefox 1.5+ and some next version of Safari (which contains the fix for bug 28758) supports special events called pageshow and pagehide."
- Using jQuery's $(document).ready(handler)
- window.onunload = function(){};
0 讨论(0)
发布评论:

提交评论
- 加载中...

温柔的废话

2020-12-01 12:01

I solved that issue like that;

$(window).bind("pageshow", function () {

    setTimeout(function () {
        back();
    }, 1000);

});

function back() {
   //YOUR CODES
}

0 讨论(0)

不知归路

2020-12-01 12:01

you should checkout you page is has iFrame component? i dont know why , but i delete iFrame component to solve this question

0 讨论(0)
发布评论:

提交评论
- 加载中...
孤城傲影

2020-12-01 12:06
You can check the persisted property of the pageshow event. It is set to false on initial page load. When page is loaded from cache it is set to true.
```
window.onpageshow = function(event) {
    if (event.persisted) {
        alert("back to page");
    }
};
```
For some reason jQuery does not have this property in the event. You can find it from original event though.
```
$(window).bind("pageshow", function(event) {
    if (event.originalEvent.persisted) {
      alert("back to page");
    }
};
```
0 讨论(0)
发布评论:

提交评论
- 加载中...

北恋

2020-12-01 12:07

I add the same problem where iOS does not always post the "pageshow" event when going back.

If not, safari resumes executing JS on the page so I though a timer would continue to fire.

So I came with this solution:

var timer;

function onPageBack() { alert("back to page"); }

window.addEventListener('pageshow', function() {
    if (event.persisted)
        onPageBack();

    // avoid calling onPageBack twice if 'pageshow' event has been fired...
    if (timer)
        clearInterval(timer);
});

// when page is hidden, start timer that will fire when going back to the page...
window.addEventListener('pagehide', function() {
    timer = setInterval(function() {
        clearInterval(timer);
        onPageBack(); 
    }, 100); 
});

0 讨论(0)