javascript - 检测是否为全屏模式(3D翻书)

我使用3d动画书jQuery插件（http://codecanyon.net/item/real-3d-flipbook-jquery-plugin/4281720）。

我自己用以下值设置了动画书的样式：

 .flipbook-main-wrapper{
    left:350px;
    right:350px;
    background: #4c4c4a !important;
    top:180px;
    bottom:200px;
    z-index:99999;
}

但是，当您单击全屏模式时，我想给它提供一个具有以下值的类：

.flipbook-main-wrapper.active{
    top:0;
    bottom:0;
    left:0;
    right:0;
}

我已经尝试过在该全屏按钮上单击事件，还尝试了在stackoverflow上发现的几种全屏检测，但没有一个能正常工作。还有另一种方法可以检测是否以全屏方式打开了翻书吗？

谢谢！

最佳答案

多亏了Shaggy，我找到了答案：

.flipbook-main-wrapper:-moz-fullscreen{
    top:0;
    bottom:0;
    left:0;
    right:0;
}
.flipbook-main-wrapper:-ms-fullscreen{
    top:0;
    bottom:0;
    left:0;
    right:0;
}
.flipbook-main-wrapper:-webkit-fullscreen{
    top:0;
    bottom:0;
    left:0;
    right:0;
}
.flipbook-main-wrapper:fullscreen{
    top:0;
    bottom:0;
    left:0;
    right:0;
}

很简单！