Как активировать полноэкранный режим?

0

Я пытаюсь активировать полноэкранный режим с помощью Javascript, но он не работает.

Обратите внимание, что журналы консоли внутри функции (в строках 4 и 11) печатают правильные значения, но полноэкранный режим не отображается.

что может быть проблемой? Вот мой код.

function fullscreen()
{
    var _element = document.getElementById('BookMainDiv');
    console.log(_element);
    if (_element.mozRequestFullScreen)
    {
        _element.mozRequestFullScreen();
    }
    else if(_element.webkitRequestFullScreen)
    {
        console.log("aaa");
       _element.webkitRequestFullScreen();  
    }
}

HTML

<body>
<div id="BookMainDiv" style="width:500px;height:500px;background-color:yellow">
</div>
<input type="button" style="height:20%;width:20%" onclick="fullscreen()">
</body>

ps Я использую chrome 31 на окнах 8

  • 0
    Как вызывается fullscreen режим?
  • 0
    _element.webkitRequestFullScreen ();
Показать ещё 18 комментариев
Теги:

2 ответа

1
Лучший ответ

Это должно сработать.

 <html>
  <head>
    <script>
      function fullscreen()
      {
        var fullscrn = document.getElementById("BookMainDiv");
        req= fullscrn.requestFullScreen || fullscrn.webkitRequestFullScreen || fullscrn.mozRequestFullScreen;
        req.call(fullscrn);


      }
    </script>
  </head>
  <body>
    <div id="BookMainDiv" style="width:500px;height:500px;background-color:yellow">
    </div>
    <input type="button" style="height:20%;width:20%" onclick="fullscreen()">
  </body>

</html>

PS: Ваш код отлично работает в моей системе (да, браузер сам хром)

Поделиться
  • 0
    извините, не могу проверить ваш код банкомат, я буду проверять его завтра утром, индийское время ответит после этого
0

Бывает, что requesFullScreen (webkitRequestFullScreen) не работает в Chrome, когда инструменты разработки открыты, и у вас есть точки разрыва в javascript! Закройте его, и вы увидите, что он будет работать!

----------------------------- EDITED ------------------

Убедитесь, что ваша декларация документа такова:

<!DOCTYPE html>

И попробуйте этот код:

function FullScreen() {
    var element = document.getElementById("BookMainDiv");
    if (element.requestFullScreen) {
        element.requestFullScreen();
    }
    if (element.webkitRequestFullScreen) {
        element.webkitRequestFullScreen();
    }
    if (element.mozRequestFullScreen) {
        element.mozRequestFullScreen();
    }
}
Поделиться
  • 0
    нет точек останова и инструменты разработчика не открыты
  • 0
    хорошо, так действительно странно. Если вы откроете свои инструменты для разработки, есть ли у вас ошибки в консоли?

Ещё вопросы

Сообщество Overcoder
Наверх
Меню