$('#alarm-fullscreen-toggler').on('click', function(e) {
var element = document.documentElement;
if (!$('body').hasClass("full-screen")) {
$('body').addClass("full-screen");
$('#alarm-fullscreen-toggler').addClass("active");
if (element.requestFullscreen) {
element.requestFullscreen();
} else if (element.mozRequestFullScreen) {
element.mozRequestFullScreen();
} else if (element.webkitRequestFullscreen) {
element.webkitRequestFullscreen();
} else if (element.msRequestFullscreen) {
element.msRequestFullscreen();
}
} else {
$('body').removeClass("full-screen");
$('#alarm-fullscreen-toggler').removeClass("active");
if (document.exitFullscreen) {
JS实现网页全屏与退出全屏
最新推荐文章于 2024-07-26 19:01:19 发布
本文介绍了如何使用JavaScript实现网页的全屏及退出全屏功能,包括标准方法和针对不同浏览器的兼容性处理,如requestFullScreen、mozRequestFullScreen、webkitRequestFullScreen等以及exitFullscreen、mozCancelFullScreen等相关API的使用。
摘要由CSDN通过智能技术生成