如何判断用户切换到了当前标签页？

Question

我注意到YouTube只有在用户切换到当前标签页的时候，才会开始播放视频。
那么当用户打开多个标签页时，如何判断用户切换到了当前标签页？

Answer 1

document.addEventListener('visibilitychange', function() {
    if (!document.hidden) {
        // code
    }
})

Answer 2

有个 Page Visibility API，可以看看

以前想过这个实现，其实也有缺点，如果有的时候我只是想听听声音呢？（:邪恶