H5有一個(gè)事件叫 visibilitychange 可以用于監(jiān)聽當(dāng)前頁面是否被掛起。如下：

document.addEventListener("visibilitychange", () => { if(document.hidden) {// 頁面被掛起}else {// 頁面呼出} });

但是呢，手Q不會(huì)觸發(fā)這個(gè)事件！因?yàn)槭諵的網(wǎng)頁永遠(yuǎn)都不會(huì)被掛起，所以visibilitychange事件不會(huì)被觸發(fā)。

手Q內(nèi)的網(wǎng)頁永遠(yuǎn)不會(huì)被掛起？
是的。可以在手Q中運(yùn)行以下代碼：

setInterval(() => document.write(new Date().getTime() + "\<br\>"), 1000);

按下HOME鍵等待十幾秒后再呼起手Q，你會(huì)發(fā)現(xiàn)在頁面輸出的時(shí)間并沒有中斷，而是很平穩(wěn)地輸出。

好消息是手Q為了解決這個(gè)問題向開發(fā)者提供了一個(gè)叫 qbrowserVisibilityChange 的事件：https://open.mobile.qq.com/api/common/index#api:qbrowserVisibilityChange

能過這個(gè)事件可以監(jiān)聽手Q是否被掛起（注意我這里說的是手Q是否被掛，不是說手Q的網(wǎng)頁被掛起）。如果按照騰訊提供 API ，那么調(diào)用 qbrowserVisibilityChange 需要引用一個(gè) js，如下：

<script type="text/javascript" src="http://pub.idqqimg.com/qqmobi...;></script>;

它的使用方式如下:

mqq.addEventListener("qbrowserVisibilityChange", function(e){if(e.hidden) {// 手Q被掛起}else {// 手Q被呼起} });

后來我發(fā)現(xiàn)，其實(shí)手Q把 qbrowserVisibilityChange 直接綁定到 document 對(duì)象上了。也就是說在手Q現(xiàn)在不需要引用額外的 js 文件就可以直接調(diào)用 qbrowserVisibilityChange 事件，如下：

document.addEventListener("qbrowserVisibilityChange", function(e){if(e.hidden) {// 手Q被掛起}else {// 手Q被呼起} });

當(dāng)前（2017-10.26），微信是支持 visibilitychange 事件的，這也就是說微信被掛起時(shí)，微信的內(nèi)嵌頁面也會(huì)被掛起。

不過，有一個(gè)壞消息如果微信的 webview 是 UIWebView 的話，那么不支持 visibilitychange
，也沒有一個(gè)對(duì)應(yīng)的事件可以監(jiān)聽微信是否被掛起，一句話無解。好消息是 UIWebview 只存在于 2017 年前的版中，即 UIWebview 的情況可以忽略。

可以使用以下方法來監(jiān)聽「微信手Q」的掛起狀態(tài)：

document.addEventListener("qbrowserVisibilityChange", function(e){var evt = document.createEvent("HTMLEvents"); evt.initEvent("visibilitychange", false, false); evt.hidden = e.hidden; document.dispatchEvent(evt); }, true); document.addEventListener("visibilitychange", function(e) {e.hidden = e.hidden === undefined ? document.hidden : e.hidden; }, true);

在業(yè)務(wù)代碼直接引用下面的代碼：

document.addEventListener("visibilitychange", function(e) {text.innerHTML = e.hidden; if(e.hidden) {// 網(wǎng)頁被掛起}else {// 網(wǎng)頁被呼起} });

掛起事件有什么用嗎？
如果微信手Q的網(wǎng)頁有音頻播放，那么按下 HOME 鍵掛起應(yīng)用后，音頻也會(huì)繼續(xù)在播放。這個(gè)時(shí)候使用 visibilitychange 事件就有用了。如下：

document.addEventListener("visibilitychange", function(e) {if(e.hidden) {// 網(wǎng)頁被掛起 ---- 暫停音樂audio.pause(); }else {// 網(wǎng)頁被呼起 ---- 播放音樂audio.play(); } });

總結(jié)

以上是生活随笔為你收集整理的监听微信手Q的挂起事件（visibilitychange）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。