Ответ на переключение в полноэкранный режим (AKA «театральный режим») в браузере с помощью Javascript

Question

В большинстве браузеров нажатие клавиши F11 переключает браузер в режим, в котором нет панелей инструментов и меню. Я хотел бы внести коррективы в макет моей страницы, когда пользователь переходит в этот режим (в частности, есть DIV, который должен охватывать всю клиентскую область - если пользователь F11s), то дополнительное пространство, добавленное внизу, не открывается большим дела).

Я попытался использовать событие onkeydown и ответить на код клавиши F11 (122) - но он срабатывает ДО переключения режимов (после нажатия клавиши), - где clientHeight documentElement остается прежним.

Я также попытался ответить на document.onresize и document.documentElement.onresize, которые, похоже, не срабатывают при переходе на F11.

Есть идеи?

Answer 1

Chrome 15, Firefox 10 и Safari 5.1 теперь предоставляют API для программного запуска полноэкранного режима. Полноэкранный режим, запускаемый таким образом, предоставляет события для обнаружения полноэкранных изменений и псевдоклассы CSS для стилизации полноэкранных элементов. Обратите внимание, что эти события / псевдоклассы, по-видимому, не применяются, когда пользователь нажимает клавишу F11.

Подробнее см. в этом блоге hacks.mozilla.org .

Answer 2

window.onresize, кажется, работает как на FF3, так и на IE8 ...