分类导航

jQuery 发布时间：2022-04-19 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了使用jquery获取全屏模式到我的浏览器，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何使用Javascript / JQuery代码进入全屏模式？目标是进入全屏模式，就像在浏览器中按F11，但是以编程方式。

解决方法

您可以使用没有jQuery的香草JavaScript激活全屏模式。 @H_616_6@<!DOCTYPE html> <html> <head> <title>Full Screen Test</title> </head> <body id="body"> <h1>test</h1> <script> var elem = document.getElementById("body"); elem.onclick = function() { req = elem.requestFullScreen || elem.webkitrequestFullScreen || elem.mozrequestFullScreen; req.call(elem); } </script> </body> </html>

有一点很重要，您只能在用户执行操作(例如点击)时请求全屏模式。没有用户action[1]，您无法请求全屏模式(例如在页面加载时)。

这是一个跨浏览器功能切换全屏模式(as obtained from the MDN)：

@H_616_6@function toggleFullScreen() { if (!document.fullscreenElement && // alternative standard method !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement ) { // current working methods if (document.documentElement.requestFullscreen) { document.documentElement.requestFullscreen(); } else if (document.documentElement.msrequestFullscreen) { document.documentElement.msrequestFullscreen(); } else if (document.documentElement.mozrequestFullScreen) { document.documentElement.mozrequestFullScreen(); } else if (document.documentElement.webkitrequestFullscreen) { document.documentElement.webkitrequestFullscreen(Element.ALLOW_KEYBOARD_INPUT); } } else { if (document.exitFullscreen) { document.exitFullscreen(); } else if (document.msExitFullscreen) { document.msExitFullscreen(); } else if (document.mozCancelFullScreen) { document.mozCancelFullScreen(); } else if (document.webkitExitFullscreen) { document.webkitExitFullscreen(); } } }

有关更多信息，请查看MDN page on full screen APIs。