El método fullscreenEnabled() en HTML DOM se usa para verificar que el documento se pueda ver en modo de pantalla completa o no. Devuelve un único valor booleano de solo lectura. Este método puede requerir prefijos específicos para funcionar con diferentes navegadores.
Sintaxis:
document.fullscreenEnabled()
Parámetros: este método no acepta ningún parámetro.
Valor de retorno: Devuelve valor booleano:
- Verdadero: si el documento se puede ver en modo de pantalla completa.
- Falso: si el documento no se puede ver en modo de pantalla completa.
Ejemplo 1:
html
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM fullscreenEnabled() method
</title>
<!-- script to check full screen enabled or not -->
<script>
function requestFullScreen() {
let isFullscreenSupported =
/* Standard syntax */
(document.fullscreenEnabled ||
/* Chrome, Safari and Opera */
document.webkitFullscreenEnabled ||
/* Firefox */
document.mozFullScreenEnabled ||
/* IE/Edge */
document.msFullscreenEnabled);
document.querySelector('.isSupported').innerHTML
= isFullscreenSupported;
}
</script>
</head>
<body>
<h1>
GeeksforGeeks
</h1>
<h2>
fullscreenEnabled() method
</h2>
<!-- script called here -->
<button onclick="requestFullScreen();">
Check fullscreen supported
</button>
<p>Fullscreen support:</p>
<div class="isSupported"></div>
</body>
</html>
Salida: Antes Haga clic en el botón:
Después de hacer clic en el botón:
Ejemplo 2:
html
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM fullscreenEnabled() method
</title>
<!-- script to enable full screen -->
<script>
function goFullScreen() {
if (
/* Standard syntax */
document.fullscreenEnabled ||
/* Chrome, Safari and Opera */
document.webkitFullscreenEnabled ||
/* Firefox */
document.mozFullScreenEnabled ||
/* IE/Edge */
document.msFullscreenEnabled
) {
elem = document.querySelector('#image');
elem.requestFullscreen();
}
else {
console.log('Fullscreen not enabled')
}
}
</script>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>
HTML DOM fullscreenEnabled() method
</h2>
<img id = "image" src =
"https://media.geeksforgeeks.org/wp-content/uploads/geeksforgeeks-logo.png" />
<br>
<button onclick = "goFullScreen();">
Fullscreen
</button>
</body>
</html>
Salida: Antes Haga clic en el botón:
Después de hacer clic en el botón:
Supported Browsers: The browser supported by fullscreenEnabled() method are listed below:
- Google Chrome 71 y superior
- Borde 12 y superior
- Firefox 64 y superior
- Internet Explorer 11.0 y superior
- Apple Safari 6 y superior
- Ópera 58.0 y superior
Publicación traducida automáticamente
Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA