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

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

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

Ответы

Ответ 1

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

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

Ответ 2

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

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

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

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

Ответ 3

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

Как вы можете видеть в своем коде, нет чистого доступа API к этому типу событий.