Как сделать полноэкранный режим браузера с помощью ключевого события F11 через JavaScript

Я хочу сделать свой браузер в полноэкранном режиме. То же, что и в случае с F11 ключевым событием. Я нашел несколько примеров, таких как

function maxwin() {
    var wscript = new ActiveXObject("WScript.Shell");
    if (wscript!=null) {
         wscript.SendKeys("{F11}");
    }
}

Что не работает на mozilla или каких-либо других последних браузерах. Пожалуйста, дайте мне знать, есть ли способ решить эту проблему.

Спасибо. (Заранее)

Ответ 1

используйте этот код вместо

var el = document.documentElement
, rfs = // for newer Webkit and Firefox
       el.requestFullScreen
    || el.webkitRequestFullScreen
    || el.mozRequestFullScreen
    || el.msRequestFullScreen
;
if(typeof rfs!="undefined" && rfs){
  rfs.call(el);
} else if(typeof window.ActiveXObject!="undefined"){
  // for Internet Explorer
  var wscript = new ActiveXObject("WScript.Shell");
  if (wscript!=null) {
     wscript.SendKeys("{F11}");
  }
}

Источник: Как сделать в полноэкранных окнах Javascript (растягиваясь по всему экрану)

Работает и тестируется на Chrome, FF10 выше, IE 8 выше, Safari 5..

Ответ 2

Невозможно без собственного кода или расширения браузера. Объект ActiveXObject существует только в браузере IE.

Ответ 3

Теперь это возможно в последних версиях Chrome, Firefox и IE (11).

Следуя указателям Zuul на этот поток, я отредактировал его код, чтобы включить IE11 и возможность в полноэкранном режиме выбрать любой элемент на вашей странице.

JS:

function toggleFullScreen(elem) {
    // ## The below if statement seems to work better ## if ((document.fullScreenElement && document.fullScreenElement !== null) || (document.msfullscreenElement && document.msfullscreenElement !== null) || (!document.mozFullScreen && !document.webkitIsFullScreen)) {
    if ((document.fullScreenElement !== undefined && document.fullScreenElement === null) || (document.msFullscreenElement !== undefined && document.msFullscreenElement === null) || (document.mozFullScreen !== undefined && !document.mozFullScreen) || (document.webkitIsFullScreen !== undefined && !document.webkitIsFullScreen)) {
        if (elem.requestFullScreen) {
            elem.requestFullScreen();
        } else if (elem.mozRequestFullScreen) {
            elem.mozRequestFullScreen();
        } else if (elem.webkitRequestFullScreen) {
            elem.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
        } else if (elem.msRequestFullscreen) {
            elem.msRequestFullscreen();
        }
    } else {
        if (document.cancelFullScreen) {
            document.cancelFullScreen();
        } else if (document.mozCancelFullScreen) {
            document.mozCancelFullScreen();
        } else if (document.webkitCancelFullScreen) {
            document.webkitCancelFullScreen();
        } else if (document.msExitFullscreen) {
            document.msExitFullscreen();
        }
    }
}

HTML:

<input type="button" value="click to toggle fullscreen" onclick="toggleFullScreen(document.body)">

Где "document.body" - это любой элемент, который вы так пожелаете.

Также обратите внимание, что попытка запуска этих полноэкранных команд с консоли не работает в Chrome или IE. Однако у меня был успех с Firebug в Firefox.

Еще одна вещь, которую следует отметить, состоит в том, что эти команды "полного экрана" не имеют вертикальной полосы прокрутки, вам нужно указать это в CSS:

*:fullscreen
*:-ms-fullscreen,
*:-webkit-full-screen,
*:-moz-full-screen {
   overflow: auto !important;
}

Кажется, что "важно" для IE, чтобы сделать его

Ответ 4

теперь можно сделать несколько дней (по крайней мере веб-браузеры на сафари 5, хром 16) с помощью

 webkitEnterFullscreen()

Firefox 10 также работает. проверить эту ссылку

Не знаю, что делает i-e в этом разделе