Detect moving to a new tab in Mobile Safari

Question

I have a series of pages that open popups (new tabs in Mobile Safari.) Each of these popups needs to know when they are the focused or not. On desktops, we use window.

Answer 1

Someone asked the same thing a little more recently so I'll just link this answer to my older one here.

Mageek's method is very similar to what I'm doing, but will also fire on a scroll event or when the keyboard is visible. Preventing the behavior upon scrolling wasn't terribly challenging, but I never got around to looking up on-screen keyboard events.

My object also leverages requestAnimationFrame and will use the focus hack only as a fallback, opting to use the Visibility API where available (ideally making it future-proof).

Answer 2

I don't think that onblur can be detected, but this is a code to detect onfocus:

var timestamp=new Date().getTime();
function checkResume()
{
    var current=new Date().getTime();
    if(current-timestamp>5000)
    {
        var event=document.createEvent("Events");
        event.initEvent("focus",true,true);
        document.dispatchEvent(event);
    }
    timestamp=current;
}
window.setInterval(checkResume,50);

Then you just write:

document.addEventListener("focus",function()
{
    alert("Focus detected");
},false);

Answer 3

Try this: https://gist.github.com/1122546

It's a Visibilty API polyfill. Should do the trick.

Answer 4

iOS 5 pause JS in none active tab. Maybe this topic could help you.

ios 5 pauses javascript when tab is not active

Handling standby on iPad using Javascript