Захват события escape для полноэкранного режима в Highcharts

Question

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

Answer 1

Highcharts запрашивает полноэкранный режим из браузера.

Вы можете прослушивать различные события fullscreenchange и выполнять некоторые действия на его основе:

if (document.addEventListener) {
  document.addEventListener('webkitfullscreenchange', exitHandler, false);
  document.addEventListener('mozfullscreenchange', exitHandler, false);
  document.addEventListener('fullscreenchange', exitHandler, false);
  document.addEventListener('MSFullscreenChange', exitHandler, false);
}

function exitHandler() {
  if (!document.webkitIsFullScreen && !document.mozFullScreen && !document.msFullscreenElement) {
    console.log('Exiting fullscreen. Doing chart stuff.');
    setContainerHeight(); // do your magic
  }
}

См. эту демонстрацию JSFiddle или см. это обсуждение общего случая обнаружения полноэкранного просмотра.