javascript - ウィンドウタブ押下イベント

Question

ユーザーがブラウザー内で別のタブを開いたときに、html5 キャンバス ゲームを自動的に一時停止したい。ユーザーがこれを行ったときに発生するイベントの名前は?

Answer 1

$(window).blur( function() {

});

またはjsで：

window.onblur = function() {

}

「新しいタブを開いた」イベントはありません。ただし、ぼかしイベントで一時停止すると、必要なことが行われます。ウィンドウがフォーカスを失うたびに、ゲームが一時停止します。その後、フォーカス イベントでゲームを再開できます。

Answer 2

別の回答で提案されているぼかしイベントの代わりに、window.hiddenHTML5 の新しいプロパティを使用できます。

これについて読むのに適した場所は次のとおりです。

• https://developer.mozilla.org/en-US/docs/DOM/Using_the_Page_Visibility_API
• http://www.html5rocks.com/en/tutorials/pagevisibility/intro/

現在、この仕様を使用する最大の問題は、すべてのブラウザーでそれを処理するためにベンダー プレフィックスに対応する必要があることです。しかし、それを無視すると、実際には次のようになります。

if (!window.hidden) {
  // do whatever you normally do to render a frame
}

visibilitychange検出をゲーム ループから除外したい場合に備えて、対応するイベントがあります。