Search code examples
javascriptgoogle-chromeinternet-explorerbrowserfullscreen

How can I disable all links when the browser is in full screen mode?

How can I disable all links when the browser (Chrome / IE) is in full-screen mode?

Because when users click the link (www/pdf link) on my web page, he will redirect to another page that does not contain a "Back" button to go back to the previous page in full-screen mode. And the full-screen mode is required to access my web page.

Thanks!

Solution

  • You can use CSS3 fullscreen to disable links.

    PS: The above example won't work inside StackOverflow iframe. You need to copy code to a file then test it.

    :fullscreen a[href] {
  pointer-events: none;
  cursor: default;
  color: black;
  text-decoration: none;
}
    <a href="#">Will be disabled on fullscreen</a>
<button onclick="document.body.requestFullscreen();">Go fullscreen</button>