当浏览器的焦点进入当前标签页时执行的脚本

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <script type="text/javascript" src="http://mat1.gtimg.com/www/js/jquery/jquery-1.11.1.min.js"></script>

    <script>

        //判断是否是IE浏览器,包括Edge浏览器
        function IEVersion9() {
            //取得浏览器的userAgent字符串
            var userAgent = navigator.userAgent;
            //判断是否IE浏览器
            var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1;
            if (isIE) {
                var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
                reIE.test(userAgent);
                var fIEVersion = parseFloat(RegExp["$1"]);
                if (fIEVersion < 10) {
                    return true;
                }
                return false;
            } else {
                return false;
            }
        }


        (function () {
            window.onload = function () {
                (function (g, h, $, b) {
                    var e, i, f = 'onfocusin' in h && 'hasFocus' in h ? 'focusin focusout' : 'focus blur',
                        d = ['', 'moz', 'ms', 'o', 'webkit'],
                        c = $.support,
                        a = $.event;
                    while ((i = e = d.pop()) != b) {
                        i = (e ? e + 'H' : 'h') + 'idden';
                        if (c.pageVisibility = typeof h[i] == 'boolean') {
                            f = e + 'visibilitychange';
                            break
                        }
                    }

                    $(/blur$/.test(f) ? g : h).bind(f,
                        function (m) {
                            var l = m.type,
                                j = m.originalEvent,
                                k = j.toElement;
                            if (!/^focus./.test(l) || (k == b && j.fromElement == b && j.relatedTarget == b)) {
                                a.trigger((i && h[i] || /^(?:blur|focusout)$/.test(l) ? 'hide' : 'show') + '.visibility')
                            }
                        })

                }(this, document, jQuery));
                if (IEVersion9()) {
                    var o = {}
                    o.$tabFlag = true;
                    /**  切换页卡 **/

                    var changeTab = function () {
                        console.log(333)
                        $(document).bind({
                            'show.visibility': function () { // 当前活跃
                                o.$tabFlag = true;
                                console.log("欢迎回来");
                            },
                            'hide.visibility': function () { // 失去当前状态
                                o.$tabFlag = false;
                               console.log('离开了当前页面')
                            }
                        });
                    }
                    changeTab();
                } else {

//ie9或者其他浏览器调用
                    document.addEventListener('visibilitychange', function () {
                        if (!document.hidden) {
                             console.log("欢迎回到首页");
                        }
                    })
                }
            };
        })();
    </script>
</head>
<body>
</body>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值