javascript - Chrome 对 cancelFullScreen 和 webkitCancelFullScreen 返回未定义

Question

我编写了一个简单的函数来在 Web 应用程序上切换全屏模式。该应用程序只需要在 Chrome 中运行(最终在 Kiosk 模式下部署)，但 cancelFullScreen 和 webkitCancelFullScreen 似乎有一些奇怪的行为。

例如，以下是精简的 toggleFullScreen 函数:

var _isFullscreen = false;

function toggleFullScreen()
{
    var doc = document.documentElement,
        state = _inFullscreen,
        requestFunc = (doc.requestFullScreen || doc.webkitRequestFullScreen),
        cancelFunc = (doc.cancelFullScreen || doc.webkitCancelFullScreen);

    _inFullscreen = !(state);

    (!state) ? requestFunc.call(doc) : cancelFunc.call(doc);
}

出于某种奇怪的原因，Chrome 总是报告 cancelFunc 为 undefined，尽管 requestFunc 工作正常。

谁能解释一下原因，以及可能的解决方案(不需要 jQuery 或类似的库插件)？

Answer 1

在@Tom Chung的帮助下，经过一番尝试，结果发现cancelFullScreen(同样需要在document上调用webkitCancelFullScreen) code>，而 requestFullscreen 需要在 document.documentElement 上调用。

因此，更新后的代码可以正常工作:

function toggleFullScreen()
{
 var doc = document.documentElement,
 state = (document.webkitIsFullScreen || document.isFullScreen),
 requestFunc = (doc.requestFullscreen || doc.webkitRequestFullScreen),
 cancelFunc = (document.cancelFullScreen || document.webkitCancelFullScreen);

 (!state) ? requestFunc.call(doc) : cancelFunc.call(document);
}