Как я могу отключить все ссылки, когда браузер находится в полноэкранном режиме?

Question

Как я могу отключить все ссылки, когда браузер (Chrome / IE) находится в full-screen mode?

Потому что, когда пользователи нажимают ссылку (www/pdf ссылка) ) на моей веб-странице он перенаправит на другую страницу, на которой нет кнопки "Назад" , чтобы go вернуться на предыдущую страницу в полноэкранном режиме. А для доступа к моей веб-странице требуется полноэкранный режим.

Спасибо!

Answer 1

Вы можете сделать это, чтобы знать, что экран в полноэкранном режиме или нет ...

if((window.fullScreen) ||
   (window.innerWidth == screen.width && window.innerHeight == screen.height)) {
     //code goes here
} else {
     // Code goes here
}

вы можете переопределить функцию onclick тега привязки или удалить атрибут href.

Answer 2

Попробуйте использовать следующий код для определения полноэкранного режима, затем отключите гиперссылку.

window.addEventListener('resize', function(){
    if((window.fullScreen) || (window.innerWidth == screen.width && window.innerHeight == screen.height)) {
        // browser is fullscreen 
        console.log('fullScreen!');
        //disable hyperlink
        $('a').bind("click.myDisable", function() { return false; });
    } else {
        console.log('no fullScreen!');
    }
});

[Примечание] Приведенный выше код использует событие изменения размера окна, вы также можете добавить оператор условия if на странице событие загрузки, чтобы проверить, является ли страница полноэкранной или нет при загрузке страницы.

Более подробную информацию о включении / отключении гиперссылки можно найти в этой теме .

Answer 3

Вы можете использовать полноэкранный CSS3 для отключения ссылок.

PS: приведенный выше пример не будет работать внутри iframe StackOverflow. Вам нужно скопировать код в файл и протестировать его.

: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>