<style>
#region-main:fullscreen {
width: 100vw;
height: 100vh;
overflow: scroll;
}
</style>

<button type="button" class="btn btn-primary" accesskey="v" onclick="let el = document.getElementById('region-main'); el.requestFullscreen();">
Vollbild
</button>

Erläuterung:

• #region-main wird beim Klick im Vollbild dargestellt
• accesskey: zum Beispiel bei Win mit Chromium “alt+v” als Tastenkombination
• Button ausblenden und nur Tastenkombi verwenden mit style=”display:none”

Nur JS mit Tastenkombi:

<style>
#region-main:fullscreen {
width: 100vw;
height: 100vh;
overflow: scroll;
}
</style>

<script>
// Register the key handler
document.addEventListener('keyup', function(e){
// This would be triggered by pressing ALT + v
let el = document.getElementById('region-main');
if (e.altKey && e.keyCode == 86) {
el.requestFullscreen();
}
}, false);
</script>