大佬教程收集整理的这篇文章主要介绍了HTML5 API --- 页面可见性改变(visibilitychange)事件，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
[本文属原创，如有转载，请注明出处http://blog.csdn.net/yl02520/article/]
visibilitychange事件是浏览器新添加的一个事件，当浏览器的某个标签页切换到后台，或从后台切换到前台时就会触发该消息，现在主流的浏览器都支持该消息了，例如Chrome,Firefox,IE10等。虽然这只是一个简单的功能，但是能够广大的采用HTML5开发游戏的开发者提供方便，比如用户正在玩游戏时，突然切换到后台去发一条短信或打一个电话，再切换到游戏，那么开发者就需要捕捉对这些突发情形进行处理，当游戏切换到后台时就暂停游戏，从后台切换回来时，又能允许用户继续游戏。
下面是一个简单的实例代码，当应用程序或浏览器标签页切换到后台时就停止播放音乐，从后台切换回来时又开始播放音乐。
<html> <body onload="load()"> <audio id="audio_id"> <source src="demo-audio.mp3"/> <source src="demo-audio.ogg"/> Browser can't support Audio tag. </audio> <script> var audioElement = document.getElementById("audio_id"); function onVisibilityChanged(event) { var hidden = event.target.webkitHidden; if (hidden) audioElement.pause(); else audioElement.play(); } function load() { audioElement.play(); audioElement.loop = true; document.addEventListener("webkitvisibilitychange",onVisibilityChanged,falsE); } </script> </body> </html>@H_301_22@ @H_675_4@注意：现在某些浏览器还保留了visibilitychange的前缀，例如Chrome浏览器还保留着webkit前缀，不过该事件已经趋于稳定，在Chrome 33及以后就去掉了前缀，直接使用visibilitychange，这里只是一个简单的实例程序，大家可以针对这个程序做简单修改，兼容更多的浏览器。
以上是大佬教程为你收集整理的HTML5 API --- 页面可见性改变(visibilitychange)事件全部内容，希望文章能够帮你解决HTML5 API --- 页面可见性改变(visibilitychange)事件所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。