javascript - 我无法使用 FullScreen API 中给出的方法取消全屏

Question

这是我在 Google Chrome 中遇到的错误：

Uncaught TypeError: Object #<HTMLDivElement> has no method 'webkitCancelFullScreen'

我在 Firefox 中遇到类似的错误。

这是代码：

document.id('close-full-screen').addEvent('click', function() {
    document.id('full-screen').webkitCancelFullScreen();
});

Answer 1

根据此处找到的文档，webkitCancelFullScreen是从document对象而不是 div 调用的。因此，您的代码应该是。

document.id('close-full-screen').addEvent('click', function() {
  document.webkitCancelFullScreen();
});

这是一个使用JSFiddle的示例。正确的代码可以在这里找到。