La ventana admite la interfaz de pantalla completa mediante el uso de la API web. Podemos activar o desactivar el modo pantalla completa de la pantalla. La API de pantalla completa proporciona métodos para presentar un elemento específico en un modo de pantalla completa.
Acercarse:
- El evento onclick activará el método de activación() que será para activar la pantalla completa.
- Lo mismo se aplicará para salir de la pantalla completa.
<button onclick="activate(document.documentElement);">
Go To Full Screen
</button>
<button onclick="deactivate();">
Leave Full Screen
</button>
Ejemplo: El siguiente código utiliza el
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content=
"width=device-width, initial-scale=1.0" />
</head>
<body>
<h1 style="color: green">GeeksForGeeks</h1>
<h2>Window fullscreen property</h2>
<button onclick="activate(document.documentElement);">
Go To Full Screen
</button>
<button onclick="deactivate();">Leave FullScreen</button>
<script>
// Function for full screen activation
function activate(ele) {
if (ele.requestFullscreen) {
ele.requestFullscreen();
}
}
// Function for full screen activation
function deactivate() {
if (document.exitFullscreen) {
document.exitFullscreen();
}
}
</script>
</body>
</html>
Producción:
activar o desactivar pantalla completa
Solicitud:
-
Puedes aplicarlo a cualquier elemento de tu web
-
Ayudará a ejecutar la pantalla completa.