当浏览器处于全屏模式时如何禁用所有链接？

Question

当浏览器（Chrome / IE）处于全屏模式时，如何禁用所有链接？

由于用户单击我的网页中的链接（www / pdf链接），他将重定向到另一个不包含“返回”按钮的页面，以便以全屏模式返回到上一页。并且访问我的网页需要全屏模式。

谢谢！

Answer 1

a[href]:fullscreen {
  pointer-events: none;
  cursor: default;
}

<a href="#">Will be disabled on fullscreen</a>

Answer 2

您可以执行此操作以知道屏幕是否处于全屏状态...

if（（window.fullScreen）||（window.innerWidth == screen.width && window.innerHeight == screen.height））{

}其他{

}

您可以覆盖锚标记的onclick功能或删除href属性。