Мне нужно знать, какие события (DOM) запускаются, когда пользователь вводит полноэкранный режим с помощью нового Fullscreen API. Я попробовал, например, этот фрагмент, но он не срабатывает:
jQuery('body').on('fullScreenChange', function() { alert("Fired!"); });
Ваша ссылка показывает ответ...
Когда полноэкранный режим успешно задействован, документ, содержащий полноэкранный элемент, получает событие
fullscreenchange. Когда полноэкранный режим завершен, документ снова получает событиеfullscreenchange. Обратите внимание, что событиеfullscreenchangeне предоставляет никакой информации о том, входит ли документ в полноэкранный режим или выходит из него, но если у документа есть нульfullScreenElement, вы знаете, что находитесь в полноэкранном режиме.
Я использовал:
$(document).on('webkitfullscreenchange mozfullscreenchange fullscreenchange MSFullscreenChange', fn);
Он запускается для Safari, Chrome и Firefox (не тестировал других). Кажется, есть тонкая разница в результирующем контексте между webkit и moz, высота и ширина элемента различны. Но огонь событий, на ваш вопрос.
О. И следите за использованием alert('fs') при полноэкранном тестировании. Он часто мешает изменению экрана.
no fullscreenChange событие в native jQuery. Но есть несколько сторонних плагинов, которые предоставляют вам доступ к событию:
Как вы можете видеть в своем коде, нет чистого доступа API к этому типу событий.