Tampilan Layar Penuh HTML fullscreenEnabled DOM
 |
| Ilustrasi fullscreenEnabled() DOM HTML |
document.fullscreenEnabled()
Parameter: method ini tidak menerika jenis parameter apapun.
Return Values: berfungsi untuk mengembalikan nilai boolean.
- True: Jika dokumen ingin ditampilkan dalam mode layar penuh.
- False: Jika dokumen tidak ditampilkan dalam mode layar penuh.
<!DOCTYPE html>
<html>
<head>
<title>
Method fullscreenEnabled() DOM HTML
</title>
<!-- script untuk memeriksa
full screen enabled atau
tidak -->
<script>
function requestFullScreen()
{
let isFullscreenSupported =
/* Sintak Standar */
(document.fullscreenEnabled ||
/* Chrome, Safari, dan Opera
*/
document.webkitFullscreenEnabled ||
/* Firefox */
document.mozFullScreenEnabled ||
/* IE/Edge */
document.msFullscreenEnabled);
document.querySelector('.isSupported').innerHTML
= isFullscreenSupported;
}
</script>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
Method fullscreenEnabled()
</h2>
<!-- script dipanggil -->
<button onclick="requestFullScreen();">
Periksa dukungan fullscreen
</button>
<p>
Dukungan Fullscreen:
</p>
<div class="isSupported"></div>
</body>
</html>
Blog Elfan
Method fullscreenEnabled()
Dukungan Fullscreen:
<!DOCTYPE html>
<html>
<head>
<title>
Method fullscreenEnabled()
DOM HTML
</title>
<!-- script untuk enable full
screen -->
<script>
function goFullScreen()
{
if
(
/* Sintak Standar */
document.fullscreenEnabled ||
/* Chrome, Safari, dan 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>
Blog Elfan
</h1>
<h2>
Method fullscreenEnabled()
DOM HTML
</h2>
<img
id = "image"
src =
"https://1.bp.blogspot.com/-0LmqGj7pUKw/YUy39NnNlNI/AAAAAAAAOPE/2HEMmOSB5vkK5VrkohcfOsMn1bBwTGE_gCLcBGAsYHQ/s393/Capture.PNG" />
<br>
<button onclick = "goFullScreen();">
Fullscreen
</button>
</body>
</html>
- 2 Contoh Penggunaan Method hasFocus() DOM pada HTML [klik]
- Cara Penggunaan Properti Head DOM pada HTML [klik]
- 3 Contoh Penggunaan Properti Image Collection DOM pada HTML [klik]
- 2 Contoh Penggunaan Properti Implementation DOM pada HTML [klik]
- 2 Contoh Penggunaan Method importNode() DOM pada HTML [klik]
- Cara Penggunaan Properti inputEncoding DOM pada HTML [klik]
- Cara Penggunaan Properti lastModified DOM pada HTML [klik]
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan method fullscreenEnabled() pada dom html?
BalasHapusBerikut adalah jenis browser yang dapat digunakan untuk mengaktifkan method fullscreenEnabled() pada DOM HTML:
Hapus1. Google Chrome 45.0 -webkit-
2. Firefox 47.0 -moz-
3. Internet Explorer 11.0 -ms-
4. Apple Safari 5.1 -webkit-
5. Opera 15.0 -webkit-
Apa funsi method fullscreenEnabled() pada DOM HTML?
BalasHapusMethod fullscreenEnabled() berfungsi untuk mengembalikan nilai Boolean yang menunjukkan apakah dokumen dapat dilihat dalam mode layar penuh atau tidak.
HapusMethod fullscreenEnabled() akan mengembalikan nilai true jika mode layar penuh tersedia, jika tidak maka akan mengembalikan nilai false.
Tips:
Hapus1. Gunakan method element.requestFullscreen() untuk melihat elemen dalam mode layar penuh.
2. GUnakan method elemen.exitFUllscreen() untuk membatalkan mode layar penuh.