美文网首页
H5移动端判断是否切出浏览器

H5移动端判断是否切出浏览器

作者: 记忆是条狗 | 来源:发表于2018-05-25 11:25 被阅读0次
pageShowOrHide(showCb, hideCb) {
    //切换后台倒计时停止问题
    var hidden, state, visibilityChange;
    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";
    }
    var cb = function() {
        if (document[state] == hidden) {
            hideCb && hideCb();
            console.log('hide');
        } else {
            showCb && showCb();
            console.log('show');
        }
    };
    document.removeEventListener(visibilityChange, cb, false);
    document.addEventListener(visibilityChange, cb, false);
}

相关文章

网友评论

      本文标题:H5移动端判断是否切出浏览器

      本文链接:https://www.haomeiwen.com/subject/nqmyjftx.html