0

このjQueryフルスクリーンプラグインを使用しています。「フルスクリーン」/「フルスクリーンを終了」ボタンを使用してフルスクリーンを終了するか、ユーザーがEscキーを押すか、ブラウザーの終了を使用するかにかかわらず、ボタンが正しく切り替わるようにしたいと思います。フルスクリーンボタン。

現在、ボタンが排他的に使用されている場合、ボタンは正しく切り替わります。これはここで見ることができます（ボタンは右上にあります）。ただし、フルスクリーンモードに入った後、ボタン以外の方法で終了した場合、現在、フルスクリーン入力ボタンに戻ることはありません。

ボタンを設定して切り替えるためにこれまでに持っているjQueryは次のとおりです。

$('#expand').toggle(
    $(document).fullScreen() != null
);

$('#expand').click(function() {
    $(document).toggleFullScreen();
    $(this).toggle();
    $('#contract').toggle();
});

$('#contract').click(function() {
    $(document).toggleFullScreen();
    $(this).toggle();
    $('#expand').toggle();
});

そして、ここにそれらのマークアップがあります：

<img src="images/expand.png" id="expand" class="screen_control fadein button" alt="Fullscreen">
<img src="images/contract.png" id="contract" class="screen_control fadein button" alt="Exit Fullscreen">

ユーザーがフルスクリーンモードを終了する方法に関係なく、正しいボタンが表示されるように、フルスクリーン状態を検出するにはどうすればよいですか？

ありがとう！

4

1 に答える 1

1

私はあなたのウェブサイトをより詳細に見てきました、あなたはこのコードを使うべきです：

$(document).on("fullscreenchange", function() {
   $('#expand,#contract').toggle();
}

より高度な使用法のために変数を使用することができます：

var isFullscreen;
$(document).on("fullscreenchange", function() {
   isFullscreen = !!$(document).fullScreen();
}
于 2012-11-15T17:10:30.547 に答える