온라인 퀴즈를위한 웹 페이지를 작성하고 싶습니다. 제가 가진 기본 요구 사항은 퀴즈를 푸는 사람이 브라우저를 최소화하지 않고도 탭을 변경하거나 새 창을 열면, 즉 다른 창 / 탭에서 답을 보려고하면 퀴즈가 중지되어야한다는 것입니다. 어떻게 할 수 있습니까? 추신 : 아주 새로운 HTML5 기능이 아니어야하며 현재 모든 주요 브라우저에서 지원되기를 원합니다.
창에 흐리기/초점 이벤트 리스너를 연결하여 탭 또는 창이 활성화되어 있는지 확인할 수 있습니다.
jQuery에서는
$(window).focus(function() {
//do something
});
$(window).blur(function() {
//do something
});
이 SO 답변에서 인용: https://stackoverflow.com/a/1760268/680578