OpenLayers - 検出全画面、通常画面の切り替え

Question

私は検索していますが、答えには来ていません。

OpenLayersがFullScreenに入り、FullScreenを終了するイベントを検出する方法はありますか？要するに、私はいくつかのdivのクラスを切り替える必要があります。ボタンにイベントを追加しようとしましたが、代わりにエスケープを押すと機能しません。

ありがとうございました。

Answer 1

「screenfull」を使用することを提案するコメントは、現在のところ良い選択肢です。 screenfullは、まったく新しい'Fullscreen API'のクロスブラウザ実装の問題をスムーズにするラッパーです。ブラウザーがこれらのイベントの標準を完全に実装するまで、その小さなラッパーは良い方法です。

スタイルを変えたい場合は、CSS疑似セレクタがあります。:fullscreenです。 JavaScriptは必要ありません！ read the documentation for it on MDN、also a great exampleがあります。ベンダープレフィックスの必要性と、一部のブラウザーが標準fullscreenではなくfull-screenと言っているという事実に特に注意してください。 Geckoベースのブラウザ

:-ms-fullscreen - - IE /エッジ

:-webkit-full-screen - のWebKitベースのブラウザ

:fullscreen - 規格に準拠し、ブラウザ

:-moz-full-screen：あなたは、現在のように見える必要がありますセレクターの様々なミックス