使用JavaScript控制全屏模式

Question

我正在构建一个Web应用程序，我需要控制切换全屏模式。

现在我有一些代码，通过点击按钮允许用户切换模式：

按钮：

Imagemagick

屏幕切换器：

<BUTTON onclick='toggleFullScreen()' id='fullscreenbutton'>Switch full screen/BUTTON>

窗口状态更改时更改按钮文本的事件侦听器：

function toggleFullScreen() {
    if ((document.fullScreenElement && document.fullScreenElement !== null) || (!document.mozFullScreen && !document.webkitIsFullScreen)) {
        if (document.documentElement.requestFullScreen) {  
            document.documentElement.requestFullScreen();  
        } else if (document.documentElement.mozRequestFullScreen) {  
            document.documentElement.mozRequestFullScreen();  
        } else if (document.documentElement.webkitRequestFullScreen) {  
            document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);  
        }
    } else {
        if (document.cancelFullScreen) {  
            document.cancelFullScreen();  
        } else if (document.mozCancelFullScreen) {  
            document.mozCancelFullScreen();  
        } else if (document.webkitCancelFullScreen) {  
            document.webkitCancelFullScreen();  
        }
    }
}

方法设置按钮的文字取决于屏幕状态：

$(document).on('webkitfullscreenchange mozfullscreenchange fullscreenchange', function(e){setButtonText();});
$(window).on('resize', function(e){setButtonText();});

它的作用或多或少。 我的问题是：

如果用户切换全屏模式＆＃34;手动＆＃34;按F11，我的按钮无法取消。

如何通过使用JavaScript（或jQuery）按F11取消切换全屏模式，或者如何通过按F11禁用切换全屏模式？