javascript - contador - onclick ir a pantalla completa

javascript label onclick

Question

Estoy creando una aplicación web para la próxima Chrome Web-store. ¿Hay alguna manera de simular que F11 se presione? ¿O simplemente un comando que hará que la ventana actual pase a pantalla completa?

Answer 1

Versión de marcador personal corto

javascript: document.body.webkitRequestFullScreen(); 

ir a pantalla completa ← Puede arrastrar este enlace a su barra de marcadores para crear el bookmarklet, pero luego debe editar su URL: borrar todo antes de javascript , incluida la barra única: http://delete_me/

Esto funciona para mí en Google Chrome. Debe probar si funciona en su entorno y utilizar una redacción diferente de la llamada a la función, por ejemplo, javascript:document.body.requestFullScreen(); - ver las otras respuestas para las posibles variantes.

_{Basado en las respuestas de @Zuul y @default - ¡gracias!}

Answer 2

Aquí hay algunas maneras de hacerlo:

• La fuente de JavaScript: navegación: ventana de pantalla completa
• Javascript para abrir una ventana de pantalla completa

Sugiero que proporcione una ventana emergente preguntando al usuario si quiere ir a pantalla completa y luego llame a este javascript en consecuencia.

Answer 3

Me doy cuenta de que esta es una pregunta muy antigua, y que las respuestas proporcionadas fueron adecuadas, ya que está activa y me encontré con esto haciendo una investigación en pantalla completa, dejo aquí una actualización de este tema:

Hay una manera de "simular" la tecla F11 , pero no se puede automatizar, el usuario realmente necesita hacer clic en un botón, por ejemplo, para activar el modo de pantalla completa.

• Alternar estado de pantalla completa al hacer clic en el botón

  Con este ejemplo , el usuario puede cambiar ay desde el modo de pantalla completa haciendo clic en un botón:

  Elemento HTML para actuar como disparador:

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

  JavaScript:

  function toggleFullScreen() {
    if ((document.fullScreenElement && document.fullScreenElement !== null) ||    
     (!document.mozFullScreen && !document.webkitIsFullScreen)) {
      if (document.documentElement.requestFullScreen) {  
        document.documentElement.requestFullScreen();  
      } else if (document.documentElement.mozRequestFullScreen) {  
        document.documentElement.mozRequestFullScreen();  
      } else if (document.documentElement.webkitRequestFullScreen) {  
        document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);  
      }  
    } else {  
      if (document.cancelFullScreen) {  
        document.cancelFullScreen();  
      } else if (document.mozCancelFullScreen) {  
        document.mozCancelFullScreen();  
      } else if (document.webkitCancelFullScreen) {  
        document.webkitCancelFullScreen();  
      }  
    }  
  }

• Ir a pantalla completa al hacer clic en el botón

  Este ejemplo le permite habilitar el modo de pantalla completa sin hacer alternancia, es decir, cambia a pantalla completa, pero para volver a la pantalla normal deberá usar la tecla F11:

  Elemento HTML para actuar como disparador:

  <input type="button" value="click to go fullscreen" onclick="requestFullScreen()">

  JavaScript:

  function requestFullScreen() {
  
    var el = document.body;
  
    // Supports most browsers and their versions.
    var requestMethod = el.requestFullScreen || el.webkitRequestFullScreen 
    || el.mozRequestFullScreen || el.msRequestFullScreen;
  
    if (requestMethod) {
  
      // Native full screen.
      requestMethod.call(el);
  
    } else if (typeof window.ActiveXObject !== "undefined") {
  
      // Older IE.
      var wscript = new ActiveXObject("WScript.Shell");
  
      if (wscript !== null) {
        wscript.SendKeys("{F11}");
      }
    }
  }

Fuentes encontradas junto con información útil sobre este tema:

Red de desarrolladores Mozilla

Cómo hacer en ventanas de pantalla completa de Javascript (que se extiende por toda la pantalla)

Cómo hacer que el navegador tenga pantalla completa usando el evento clave F11 a través de JavaScript

API de pantalla completa de Chrome

Complemento de evento de pantalla completa de jQuery, versión 0.2.0

jquery-fullscreen-plugin

Answer 4

Si desea cambiar toda la pestaña a pantalla completa (al igual que con la tecla F11) document.documentElement es el elemento que está buscando:

function go_full_screen(){
    var elem = document.documentElement;
    if (elem.requestFullscreen) {
      elem.requestFullscreen();
    } else if (elem.msRequestFullscreen) {
      elem.msRequestFullscreen();
    } else if (elem.mozRequestFullScreen) {
      elem.mozRequestFullScreen();
    } else if (elem.webkitRequestFullscreen) {
      elem.webkitRequestFullscreen();
    }
}

Answer 5

Es posible con JavaScript .

var elem = document.getElementById("myvideo");
if (elem.requestFullscreen) {
  elem.requestFullscreen();
} else if (elem.msRequestFullscreen) {
  elem.msRequestFullscreen();
} else if (elem.mozRequestFullScreen) {
  elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) {
  elem.webkitRequestFullscreen();
}

Answer 6

//set height of html
$("html").css("height", screen.height);
//set width of html
$("html").css("width", screen.width);
//go to full screen mode
document.documentElement.webkitRequestFullscreen();