首頁猿問怎樣監(jiān)控頁面的進(jìn)入與離開

怎樣監(jiān)控頁面的進(jìn)入與離開

JavaScript

www說 2018-09-02 12:10:53

想知道圖片中的效果是怎樣實(shí)現(xiàn)的描述：打開本頁面時(shí)title更改為‘被你發(fā)現(xiàn)了’幾秒后恢復(fù)成真實(shí)標(biāo)題，離開本頁面時(shí)再次修改title，這是用什么方法來監(jiān)控頁面切換的頁面地址

查看完整描述

2 回答

守著一只汪

TA貢獻(xiàn)1872條經(jīng)驗(yàn) 獲得超4個(gè)贊

判斷瀏覽器是否取得了焦點(diǎn)或者失去焦點(diǎn)，然后動(dòng)態(tài)修改title

window.onfocus = function () {  document.title = '你不要我了';
};window.onblur = function () {  document.title = '你又回來找我了';
};

反對(duì) 回復(fù) 2018-09-02

富國滬深

TA貢獻(xiàn)1790條經(jīng)驗(yàn) 獲得超9個(gè)贊

// 瀏覽器狀態(tài)function browser_status(action) {    // 各種瀏覽器兼容
    let hidden, state, visibilityChange,status    if (typeof document.hidden !== "undefined") {
        hidden = "hidden"
        visibilityChange = "visibilitychange"
        state = "visibilityState"
    } else if (typeof document.mozHidden !== "undefined") {
        hidden = "mozHidden"
        visibilityChange = "mozvisibilitychange"
        state = "mozVisibilityState"
    } else if (typeof document.msHidden !== "undefined") {
        hidden = "msHidden"
        visibilityChange = "msvisibilitychange"
        state = "msVisibilityState"
    } else if (typeof document.webkitHidden !== "undefined") {
        hidden = "webkitHidden"
        visibilityChange = "webkitvisibilitychange"
        state = "webkitVisibilityState"
    }    // 添加監(jiān)聽器，在title里顯示狀態(tài)變化
    document.addEventListener(visibilityChange, function() {
        status = document[state]        if (document[state] == 'hidden') {            document.title = '你不要我了'
        } else {            document.title = '你又回來找我了'
        }
    }, false)
}

反對(duì) 回復(fù) 2018-09-02