Kom er maar niet uit Ik heb twee events, eentje om de browser in fullscreen mode te brengen en eentje om de browser uit de fullscreen mode te krijgen. Nu wil ik dat wanneer je een keer op de button klikt de browser in de fullscreen mode gaat en wanneer je weer op de zelde knop klikt de tweede event wordt geactiveerd en de browser uit de fullscreen mode gaat.

<button onclick="launchFullscreen(document.documentElement );">Fullscreen</button>
<button onclick="exitFullscreen();">Sluiten</button>


<script>
// Find the right method, call on correct element
function launchFullscreen(element) {
if(element.requestFullscreen) {
element.requestFullscreen();
} else if(element.mozRequestFullScreen) {
element.mozRequestFullScreen();
} else if(element.webkitRequestFullscreen) {
element.webkitRequestFullscreen();
} else if(element.msRequestFullscreen) {
element.msRequestFullscreen();
} else if(document.exitFullscreen) {
document.exitFullscreen();
} else if(document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if(document.webkitExitFullscreen) {
document.webkitExitFullscreen();
}
}


function exitFullscreen() {
if(document.exitFullscreen) {
document.exitFullscreen();
} else if(document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if(document.webkitExitFullscreen) {
document.webkitExitFullscreen();
}
}


function dumpFullscreen() {
console.log("document.fullscreenElement is: ", document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || document.msFullscreenElement);
console.log("document.fullscreenEnabled is: ", document.fullscreenEnabled || document.mozFullScreenEnabled || document.webkitFullscreenEnabled || document.msFullscreenEnabled);
}


// Events
document.addEventListener("fullscreenchange", function(e) {
console.log("fullscreenchange event! ", e);
});
document.addEventListener("mozfullscreenchange", function(e) {
console.log("mozfullscreenchange event! ", e);
});
document.addEventListener("webkitfullscreenchange" , function(e) {
console.log("webkitfullscreenchange event! ", e);
});
document.addEventListener("msfullscreenchange", function(e) {
console.log("msfullscreenchange event! ", e);
});
</script>

maak een toggle

Code:

  <script>
var toggle = 0;
      function toggleScreen(element)
{

  if(toggle == 0)
{
   
launchFullscreen(element);
toggle = 1;

} else {
 exitFullscreen();
toggle = 0;
}
}
  </script>

Zou je misschien kunnen laten zien hoe is mijn code in die van jou kan zetten?

Je zet mijn stukje javascript boven die van jou. en je veranderd jouw knop in:

Code:

<button onclick="toggleScreen(document.documentElement);">Fullscreen</button>

Dank, het werkt