Полноэкранный API: какие события запускаются?

Question

Мне нужно знать, какие (DOM) события запускаются, когда пользователь входит в полноэкранный режим через новый Полноэкранный API . Я пробовал, например, этот фрагмент, но он не срабатывает:

jQuery('body').on('fullScreenChange', function() { alert("Fired!"); });

Answer 1

Я использовал:

$(document).on('webkitfullscreenchange mozfullscreenchange fullscreenchange MSFullscreenChange', fn);

Запускается для Safari, Chrome и Firefox (другие не тестировались). Кажется, в результирующем контексте между webkit и moz есть небольшая разница, Высота и ширина элемента разные. Но события происходят, и это ваш вопрос.

О. И следите за использованием alert('fs') с полноэкранным тестированием. Это часто мешает смене экрана.

Answer 2

Ваша ссылка показывает ответ ...

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

Answer 3

В нативном jQuery отсутствует событие fullscreenChange .Но есть несколько сторонних плагинов, которые предоставляют вам доступ к событию:

• http://johndyer.name/native-fullscreen-javascript-api-plus-jquery-plugin/
• https://github.com/ruidlopes/jquery-fullscreen/blob/master/jquery.fullscreen.js
• https://github.com/hdragomir/jQuery-Fullscreen-Event
• https://github.com/ruidlopes/jquery-fullscreen

Как видно из их кода, нет чистого доступа API к этому типу события.