Javascript 在用户切换到选项卡后显示动画

如果用户在后台的新选项卡中打开页面，则在他/她切换到该页面之前会播放Css动画。用户选择选项卡后，有没有办法显示css动画？

您可以尝试使用页面可见性API-

---

可能在旧的浏览器中不受支持，但我感觉这在纯CSS中是不可能的，因为CSS只是负责显示网页。我认为Javascript可以使用

onblur

和

onfocus

事件。看看哪一个有这些信息和一个演示（在Chrome中确实有效）

---

您的看法可能会有所不同，因为我可以看到一些安全问题，知道用户是否正在积极查看页面。我没有在所有浏览器中测试过这一点

是的，当用户切换到您的选项卡时，简单的示例将不胜感激。对于较新的浏览器，它是必需的，因为css动画也不起作用。在本文的VisibilityChange事件部分有一个关于如何使用changeVisibility事件的简单示例-在这种情况下，演示是一个很好的JSFIDLE。只需访问页面，然后单击文本框，然后单击地址栏。