CSS: изменение таблицы стилей;Отключение полноэкранного режима не работает, но переключение работает - PullRequest
Новая
       8

CSS: изменение таблицы стилей;Отключение полноэкранного режима не работает, но переключение работает

0 голосов
/ 12 октября 2018

Я пытаюсь создать «полноэкранный» переключатель путем изменения таблиц стилей CSS.Использование полноэкранного API не вариант.Я могу переключиться в полноэкранный режим с помощью нажатия кнопки, чтобы изменить таблицу стилей.Однако я хочу, чтобы при нажатии клавиши таблица стилей снова сменилась на оригинальную.Пожалуйста, смотрите применимые HTML и JS ниже:

HTML: 

<head>
  ...
    <link id="activestyle" rel="stylesheet" type="text/css" href="/css/interface.css">
  ...
</head>

<body>
  ...
    <div id='fullscreen'>
      <img src="/assets/arrows.png">
    </div>
  ...
</body>

JS: 

// Media Capture
document.getElementById('fullscreen').onclick = function toggleFullScreen() {
  if (document.getElementById('activestyle').href = "/css/interface.css") {
    document.getElementById('activestyle').setAttribute("href", "/css/fullscreen.css");
  }
};

// TODO: Figure out why untoggle doesnt work
function untoggleFullScreen() {
  activeStyle = document.getElementById('activestyle').href
  if (activeStyle = "/css/fullscreen.css") {
    document.addEventListener('keydown', function (event) {
      if (event.keyCode = 27) {
        activeStyle = "/css/interface.css";
      };
    });
  };
};

Я проверял свою логику снова и снова и не могу понятьчто не так, пожалуйста, помогите и заранее спасибо за помощь!

Я рад предоставить больше информации, если это необходимо, но я старался, чтобы пример был как можно меньше.

...