窗口選項卡按下事件

Question

我希望我的html5 canvas遊戲在用戶打開瀏覽器內的另一個選項卡時自動暫停。當用戶這樣做時觸發的事件的名稱是什麼？

Answer 1

$(window).blur(function() { 

}); 

或JS：

window.onblur = function() { 

} 

沒有 「新標籤打開」 事件。但暫停模糊事件會做你想做的事情 - 只要窗口失去焦點，遊戲就會暫停。然後你可以在焦點事件中恢復遊戲。

Answer 2

作爲另一個答案中建議的模糊事件的替代方法，您可以使用HTML5的新window.hidden屬性。

好地方，在這個念起來是：

• 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事件，你希望保留檢測出你的遊戲循環。