0

私はこのコードを試しています。クリックすると画像が生成され、コンテナdivが全画面表示に設定されpます。

<html>
<head>
<style>
img { height: 643px; width: 860px; }
img:-moz-full-screen { height: 643px; width: 860px; }
div:-moz-full-screen { background: white; }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(function() {
 $("p").click(function() {    
  setTimeout(function() {
    $("body").prepend("<div><img src = 'http://i.stack.imgur.com/lBZKC.jpg?s=128&g=1' /></div>");
    $("div").get(0).mozRequestFullScreen();
  },5000);
 });
});
</script>
</head>
<body>
<p>Foo</p>
</body>

5秒間wiatし、画像を大丈夫に追加しますが、フルスクリーンに設定されていません。ただし、タイマーを削除して通常どおりに実行すると、次のようになります。

$("p").click(function() {
  $("body").prepend("<div><img src = 'http://i.stack.imgur.com/lBZKC.jpg?s=128&g=1' /></div>");
  $("div").get(0).mozRequestFullScreen();
});

正常に動作し、画像を付加してすぐにフルスクリーンに設定します。

これは意図的なものですか、それともバグですか？いずれにせよ、それを機能させる方法はありますか？

4

1 に答える 1

1

このメソッドは、ユーザー入力イベント（つまり、keypress、mouseevent）に応答して呼び出す必要があります。

于 2013-03-20T11:44:12.053 に答える