我有一个带有背景音频的网站，当我在ipad上关闭野生动物园时，我想不出如何关闭它的功能。在台式机上，我在模糊时将其静音，然后重新聚焦，但是在ipad上，当我按下主页按钮时，野生动物园关闭了，但模糊事件没有触发。由于Safari在后台运行，因此音频会继续播放。
如果我双击主屏幕按钮并强制野生动物园停止运行，我可以使它停止运行，但这确实不是我想要提升的用户体验。是否有任何事件可以吸引我去发现浏览器即将关闭？
最佳答案
您是否尝试过基于pagehide / pageshow事件的操作？
我已使用它们进行选项卡切换，当您按下主页按钮时，它也适用。
<audio src="pathto.mp3" controls id="audioTag"></audio>
<script type="text/javascript">
window.addEventListener('pagehide', function(){
document.getElementById('audioTag').pause();
alert('pagehide');
}, false);
window.addEventListener('pageshow', function(){
document.getElementById('audioTag').play();
alert('pageshow');
}, false);
</script>