要素フルスクリーンの設定とリスニング例
フルスクリーンの設定とフルスクリーンの終了
//
$('#fullScreen').on('click', function () {
fullScreen();
});
//
$('#exitFullScreen').on('click', function () {
exitFullScreen();
});
//
function fullScreen() {
var obj = document.getElementById('editMark');
if (obj.requestFullScreen) {
obj.requestFullScreen();
} else if (obj.webkitRequestFullScreen) {
obj.webkitRequestFullScreen();
} else if (obj.msRequestFullScreen) {
obj.msRequestFullScreen();
} else if (obj.mozRequestFullScreen) {
obj.mozRequestFullScreen();
}
}
function exitFullScreen() {
var obj = document.getElementById('editMark');
if (document.exitFullscree) {
document.exitFullscree();
} else if (document.webkitExitFullscreen) {
document.webkitExitFullscreen();
} else if (document.msExitFullscreen) {
document.msExitFullscreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
}
}
フルスクリーンイベントをモニターする
//
document.addEventListener('fullscreenchange', function () {
if (document.fullscreenElement) {
alert(1);
} else {
alert(2);
}
}, false);
document.addEventListener('msfullscreenchange', function () {
if (document.msFullscreenElement) {
alert(1);
} else {
alert(2);
}
}, false);
document.addEventListener('mozfullscreenchange', function () {
if (document.mozFullScreen) {
alert(1);
} else {
alert(2);
}
}, false);
document.addEventListener('webkitfullscreenchange', function () {
if (document.webkitIsFullScreen) {
alert(1);
} else {
alert(2);
}
}, false);
以上の要素のフルスクリーンの設定とモニターの例は、小編集が皆さんに提供した内容のすべてです。参考にしていただければと思います。よろしくお願いします。