js 全屏代码实现方法

/* 全屏方法
 * =========
    <button class="roll-nav roll-right fullscreen">
        <i class="fa fa-arrows-alt"></i>
    </button>
*/
+function ($) {
    'use strict';

    /* 
    * [setFullscreen 设置全屏] 
    * @param {domElement} element [DOM节点对象(可选)] 
    */
    var setFullscreen = function (element) {
        var el = element instanceof HTMLElement ? element : document.documentElement;
        var rfs = el.requestFullscreen || el.webkitRequestFullscreen || el.mozRequestFullScreen || el.msRequestFullscreen;
        if (rfs) {
            rfs.call(el);
        } else if (window.ActiveXObject) {
            var ws = new ActiveXObject("WScript.Shell");
            ws && ws.SendKeys("{F11}");
        }
    }
    /*
    * [exitFullscreen 退出全屏] 
    */
    var exitFullscreen = function () {
        var efs = document.exitFullscreen || document.webkitExitFullscreen || document.mozCancelFullScreen || document.msExitFullscreen;
        if (efs) {
            efs.call(document);
        } else if (window.ActiveXObject) {
            var ws = new ActiveXObject("WScript.Shell");
            ws && ws.SendKeys("{F11}");
        }
    }

    var isFullScreen = false;
    var handleFullScreen = function () {
        if (isFullScreen) {
            exitFullscreen();
            isFullScreen = false;
        } else {
            setFullscreen();
            isFullScreen = true;
        }
    }

    $("button.fullscreen").on('click', function (event) {
        handleFullScreen();
    });
}(jQuery);