如何启用像Firefox和Chrome这样的IE全屏功能

Question

我查看了以下文章和jquery插件

http://www.sitepoint.com/html5-full-screen-api/

http://johndyer.name/native-fullscreen-javascript-api-plus-jquery-plugin/

http://xme.im/display-fullscreen-website-using-javascript

http://feross.org/html5-fullscreen-api-attack/

http://jquery.pupunzi.com/questions/696/ie-containerplus-full-screen

IE Chrome Frame全屏

但是找不到.

所有这些主要文章都经过评审,但是我找不到任何直接谈论IE全屏功能的文章,任何人都找到了相同的解决方法？

我尝试了W3C提案

// W3C Proposal
element.requestFullscreen();
document.exitFullscreen();

UPDATED 我的期望是,我有一个图像轮播,我需要显示当前所选图像以全屏显示,似乎IE不支持,我计划使用jQuery模型窗口(没有jQuery UI).就像这个例子.

Answer 1

sheelpriy的回答是好的,有一个很小的改变,成功测试了chrome,firefox,即safari和opera(所有最后版本)

//HTML Button : <a href="#" id="fullscreen">Fullscreen</a>

<script type="text/javascript">
    //Get element id "fullscreen"
    var fullScreenButton = document.getElementById("fullscreen"); 

    //Activate click listener
    fullScreenButton.addEventListener("click", function () {

        //Toggle fullscreen off, activate it
        if (!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement ) {
            if (document.documentElement.requestFullscreen) {
                document.documentElement.requestFullscreen();
            } else if (document.documentElement.mozRequestFullScreen) {
            document.documentElement.mozRequestFullScreen(); // Firefox
            } else if (document.documentElement.webkitRequestFullscreen) {
                document.documentElement.webkitRequestFullscreen(); // Chrome and Safari
            } else if (document.documentElement.msRequestFullscreen) {
                document.documentElement.msRequestFullscreen(); // IE
            }

        //Toggle fullscreen on, exit fullscreen
        } else {

            if (document.exitFullscreen) {
                document.exitFullscreen();
            } else if (document.msExitFullscreen) {
                document.msExitFullscreen();
            } else if (document.mozCancelFullScreen) {
                document.mozCancelFullScreen();
            } else if (document.webkitExitFullscreen) {
                document.webkitExitFullscreen();
            }
        }

    });
</script>

请享用 !

Answer 2

据此网站称，IE 不支持全屏 API。似乎也没有关于 IE11 是否支持的信息。

根据 MDN关于全屏的文章，似乎该技术对于大多数浏览器来说仍然处于实验阶段。