0

次のjqueryプラグインを使用して、Webアプリでフルスクリーンを有効にしています。

https://github.com/martinaglv/jQuery-FullScreen

フルスクリーンモードのときにテキストエリアを編集できないことを除けば、うまく機能しますか?どうしてこれなの?それはブラウザのものですか、それともプラグインですか?

それは決して無効にされていないようです...

以下の私のテストコード:

 <!DOCTYPE html>
<html>
<head>
    <title></title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://raw.github.com/martinaglv/jQuery-FullScreen/master/fullscreen/jquery.fullscreen.js"></script>
</head>
<body>
    <div id="content">
        <textarea></textarea>
        <button>
            Go Go Fullscreen</button>
    </div>
    <script type="text/javascript">
        (function () {

            if ($.support.fullscreen) {

                $('button').click(function (e) {

                    $('#content').fullScreen();

                });
            }

        })();
    </script>
</body>
</html>
4

2 に答える 2

3

回避策はありますが(少なくともChromeの場合)、使用しているプラ​​グインにどのように影響するかわかりません。キーボード入力を許可するには、簡単な指示を渡す必要があります。

document.body.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);

アップデート:

プラグインは非常に簡単に変更できます。この関数は、上記を反映するように変更されます。

function requestFullScreen(elem){
    if (elem.requestFullscreen) {
        elem.requestFullscreen();
    } else if (elem.mozRequestFullScreen) {
        elem.mozRequestFullScreen();
    } else if (elem.webkitRequestFullScreen) {
        elem.webkitRequestFullScreen();
    }
}

デフォルトでは、プラグインは、キーボード入力を許可せずにブラウザを強制的に全画面モードにします。

MDNからの詳細情報、およびいくつかの手がかりを見つけたスレッド。

于 2012-09-05T04:18:30.070 に答える
0

チュートリアルから:

開発者がプロ​​グラムでユーザー画面を使用できるようにするという考えは、セキュリティに深刻な影響を与えることなく実現できません。そのため、キーボードの使用は制限されています。もちろん、フルスクリーンでのキーボード入力には多くの正当な使用法があります。これは、何らかの許可プロンプトを介してAPIの将来のリビジョンで対処される予定です。

ただし、現在の限定された形式であっても、APIはエンドユーザーのエクスペリエンスを向上させる機会を提供します。

IE 9など、一部のブラウザでは全画面表示になりません。

http://tutorialzine.com/2012/02/enhance-your-website-fullscreen-api/

于 2012-09-05T04:17:07.183 に答える