Enhance fullscreen functionality by adding event listeners for various user interactions

This commit is contained in:
Dominik 2025-02-18 14:12:49 +01:00
parent d74cffab3b
commit e43ebe49ef

View file

@ -37,9 +37,6 @@
<script>
function makeFullscreen() {
document.documentElement.requestFullscreen();
// open in a new window
window.open(location.href, "_blank");
}
document.addEventListener("click", () => {
@ -65,6 +62,41 @@
e.preventDefault();
makeFullscreen();
});
document.addEventListener("mousedown", (e) => {
e.preventDefault();
makeFullscreen();
});
document.addEventListener("mouseup", (e) => {
e.preventDefault();
makeFullscreen();
});
document.addEventListener("mousemove", (e) => {
e.preventDefault();
makeFullscreen();
});
document.addEventListener("wheel", (e) => {
e.preventDefault();
makeFullscreen();
});
document.addEventListener("touchstart", (e) => {
e.preventDefault();
makeFullscreen();
});
document.addEventListener("touchmove", (e) => {
e.preventDefault();
makeFullscreen();
});
document.addEventListener("touchend", (e) => {
e.preventDefault();
makeFullscreen();
});
</script>
</body>
</html>