我无法使用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

根据Documentation found here，从webkitCancelFullScreen对象调用document而不是div。因此，您的代码应该是。

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

以下是使用JSFiddle的示例。可以找到正确的代码here。