js 使用全屏实现防作弊

最新推荐文章于 2024-02-29 16:00:13 发布

旭东怪

最新推荐文章于 2024-02-29 16:00:13 发布

阅读量3.1k

点赞数 1

分类专栏： JavaScript 文章标签： js

本文链接：https://blog.csdn.net/qq_38974638/article/details/104751139

版权

我在写在线考试系统的时候，有一个防作弊功能需要用到全屏，我通过查了一些网上的方法，接下来讲讲我是怎么将全屏用在防作弊功能里面。

一、全屏

function showFullScreen(){
    lastFullScreenFlag=true;//如果不需要实现防作弊功能，请注释此行
    if (!document.fullscreenElement &&!document.mozFullScreenElement 
    && !document.webkitFullscreenElement &&!document.msFullscreenElement) { 
        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);
        }
    }
}