fullscreenchangeイベント
例
ページがフルスクリーンモードで表示されているときにテキストを表示します。
document.addEventListener("fullscreenchange", function() {
output.innerHTML = "fullscreenchange event fired!";
});
定義と使用法
fullscreenchangeイベントは、要素がフルスクリーンモードで表示されたときに発生します。
注:このイベントをさまざまなブラウザーで機能させるには、特定のプレフィックスが必要です(以下のブラウザーサポートを参照)。
ヒント:要素をフルスクリーンモードで表示するには、 element .requestFullscreen()メソッドを使用します。
ヒント:要素.exitFullscreen()メソッドを使用して、フルスクリーンモードをキャンセルします。
ブラウザのサポート
表の数字は、イベントを完全にサポートする最初のブラウザーバージョンを示しています。 注:各ブラウザーには特定のプレフィックスが必要です(括弧を参照)。
Event | |||||
---|---|---|---|---|---|
fullscreenchange | 45.0 (webkit) | 11.0 (ms) | 47.0 (moz) | 5.1 (webkit) | 15.0 (webkit) |
例
クロスブラウザーコードにプレフィックスを使用する:
/* Standard syntax */
document.addEventListener("fullscreenchange",
function() {
...
});
/* Firefox */
document.addEventListener("mozfullscreenchange", function() {
...
});
/* Chrome, Safari and Opera */
document.addEventListener("webkitfullscreenchange",
function() {
...
});
/* IE / Edge */
document.addEventListener("msfullscreenchange", function() {
...
});
構文
HTMLの場合:
<element onfullscreenchange="myScript">
JavaScriptの場合:
object.onfullscreenchange = function(){myScript};
JavaScriptでは、addEventListener()メソッドを使用します。
object.addEventListener("fullscreenchange", myScript);
注: addEventListener ()メソッドは、Internet Explorer8以前のバージョンではサポートされていません。
技術的な詳細
泡: | はい |
---|---|
キャンセル可能: | 番号 |
イベントタイプ: | イベント |
サポートされているHTMLタグ: | すべてのHTML要素 |