Safari上的PageVisibility HTML5 API

Question

我檢查了caniuse for pagevisibility support，它聲明Safari支持它。

但是，我的Pagevisibility實現在Safari 9上不起作用。它可以在其他地方使用。

見下文：

document.addEventListener("visibilitychange", function() { 
    if (document.hidden) {  
    function1(); 
    } else { 
    function2(); 
    } 
}); 

有沒有在Safari代碼（JS）PageVisbility一種特定的方式？

Answer 1

var visibilityHidden, visibilityChange; 
    if (typeof document.hidden !== "undefined") { // Opera 12.10 and Firefox 18 and later support 
     visibilityHidden = "hidden"; 
     visibilityChange = "visibilitychange"; 
    } else if (typeof document.mozHidden !== "undefined") { 
     visibilityHidden = "mozHidden"; 
     visibilityChange = "mozvisibilitychange"; 
    } else if (typeof document.msHidden !== "undefined") { 
     visibilityHidden = "msHidden"; 
     visibilityChange = "msvisibilitychange"; 
    } else if (typeof document.webkitHidden !== "undefined") { 
     visibilityHidden = "webkitHidden"; 
     visibilityChange = "webkitvisibilitychange"; 
    } 

    document.addEventListener("visibilitychange", function() { 
     if (document[visibilityHidden]) {  
     function1(); 
     } else { 
     function2(); 
     } 
    }); 

參考：https://developer.mozilla.org/en-US/docs/Web/API/Page_Visibility_API