网页点击元素全屏事件

最新推荐文章于 2023-06-23 22:35:32 发布

视觉68

最新推荐文章于 2023-06-23 22:35:32 发布

阅读量904

点赞数

分类专栏： jqeury html 文章标签：元素点击全屏全屏事件 jquery点击页面全屏

本文链接：https://blog.csdn.net/qq_38085855/article/details/80969374

版权

html 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

jqeury

2 篇文章 0 订阅

订阅专栏

全屏事件元素增加data-toggle='fullscreen'
$(document).on('click', "[data-toggle='fullscreen']", function () {
var doc = document.documentElement;
if ($(document.body).hasClass("full-screen")) {
$(document.body).removeClass("full-screen");
document.exitFullscreen ? document.exitFullscreen() : document.mozCancelFullScreen ? document.mozCancelFullScreen() : document.webkitExitFullscreen && document.webkitExitFullscreen();
} else {
$(document.body).addClass("full-screen");
doc.requestFullscreen ? doc.requestFullscreen() : doc.mozRequestFullScreen ? doc.mozRequestFullScreen() : doc.webkitRequestFullscreen ? doc.webkitRequestFullscreen() : doc.msRequestFullscreen && doc.msRequestFullscreen();
}
});