OpenLayers - Detect在全屏,常规屏幕之间切换

时间:2016-10-19 12:05:24

标签: javascript openlayers-3

我一直在寻找,但还没有回答。

有没有办法检测OpenLayers进入FullScreen /退出FullScreen的事件?简而言之,我需要切换一些div的类。我尝试向按钮添加事件,但是如果他们按下转义,它就不起作用。

感谢。

1 个答案:

答案 0 :(得分:0)

评论建议使用' screenfull'现在是一个不错的选择。 screenfull只是一个包装器,可以平滑相当新的'Fullscreen API'的跨浏览器实现问题。在浏览器完全实现这些事件的标准之前,这个小包装器是一个很好的前进方式。

如果您只想以不同的方式设置样式,那么有一个CSS伪选择器 - .field-validation-error { display: block; text-align:right; }。无需JavaScript!您可以read the documentation for it on MDN并且also a great example。请特别注意供应商前缀的需要以及某些浏览器说:fullscreen而不是标准full-screen的事实。您目前需要的各种选择器组合似乎是:

fullscreen - 基于Gecko的浏览器

:-moz-full-screen - IE / Edge

:-ms-fullscreen - 基于WebKit的浏览器

:-webkit-full-screen - 符合标准的浏览器

相关问题