배경 웹 앱을 감지 할 수 있습니까?

Question

내 앱이 집에서 배경으로 이동했을 때 감지해야합니다.

나는 다음 코드를 시도 :

document.addEventListener("pause", function(){ 
    console.log("pause"); 
}, false); 

$("#main-page").focusout(function(){ 
    console.log("received focus Out Event") ; 
}); 

$("#main-page").on("pagehide", function() { 
    console.log("main-pagehide"); 
}); 

$("#main-page").on("pageremove", function() { 
    console.log("main-pageremove"); 
}); 

$("#main-page").on("pagebeforehide", function() { 
    console.log("main-pagebeforehide"); 
}); 

을하지만 난 누르면 홈 아무 반응이 없습니다.

Answer 1

설명하는 시나리오 (홈 버튼 누름)에서 트리거해야하는 이벤트이기 때문에 visibilitychange 이벤트를 사용해보십시오.

document.addEventListener("visibilitychange", function() { 
    console.log("visibilitychange"); 
    if (document.hidden) { 
     console.log('document hidden'); 
    } else { 
     console.log('document visible'); 
    } 
}, false);