fullscreenchange ( onfullscreenchange )イベント
fullscreenchange ( onfullscreenchange )イベントは、HTML エレメントがフルスクリーンモードで表示される、またはフルスクリーンモードを終了したら発生する Event インターフェイスのイベントです。
document.getElementById("example").addEventListener( "fullscreenchange", (event) => {
console.log( event );
}, false);
詳しくは Example を参照してください
Safari ブラウザはプレフィックス webkit が必要です。
object.addEventListener("webkitfullscreenchange", script_);
という記述になります。
ページ内 Index
構文（Syntax）
in HTML
<tagelement onfullscreenchange="function()">
in JavaScript
object.onfullscreenchange = function(){ };
object.addEventListener("fullscreenchange", script_);
備考（Remarks）
| Bubbles | Yes |
| Cancelable | No |
| Interface | Event |
| Supported HTML Elements | ALL HTML elements |
Example
fullscreenchangeの例です。確認ボタン
をクリックして実行してください。
全画面表示に切り替えるためにここでは requestFullscreen() メソッドを使用しています。
CSS の内容は機能を確かめるために作成したもので最適なものではありません。