全屏展示元素和监听

Posted on 2018-11-12 10:23  凌晨四点的北京  阅读(133)  评论(0)    收藏  举报
//全屏幕
let element = document.getElementById("screen");
if (element.requestFullscreen) {
element.requestFullscreen();
} else if (element.mozRequestFullScreen) {
element.mozRequestFullScreen();
} else if (element.webkitRequestFullscreen) {
element.webkitRequestFullscreen();
} else if (element.msRequestFullscreen) {
element.msRequestFullscreen();
}

//监听

let element = document.getElementById("screen");


element.addEventListener("fullscreenchange", function(e) {
self.fullisscreen= document.fullscreenElement || document.msFullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || false
//
});
element.addEventListener("mozfullscreenchange", function(e) {
self.fullisscreen= document.fullscreenElement || document.msFullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || false
//
});
element.addEventListener("webkitfullscreenchange", function(e) {
self.fullisscreen= document.fullscreenElement || document.msFullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || false
//
});
element.addEventListener("msfullscreenchange", function(e) {
self.fullisscreen= document.fullscreenElement || document.msFullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || false
//
});

博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3