如何使标题栏，最小化按钮和最大化按钮在javascript中的网页上不可见？

-3

我正在做一个在线考试网站的项目。我想制作标题栏，尽量减少候选人点击参加考试时浏览器的按钮和窗口任务栏。有谁知道如何做到这一点？如何使标题栏，最小化按钮和最大化按钮在javascript中的网页上不可见？

来源

2016-03-05 nnnnnn

我可以把它作为你想使网页全屏显示。 –

ss ..我想做一个在线考试应用程序..我想要禁用所有的点击事件和搜索选项.. – nnnnnn

我不认为你想获得成功是可能的。另外，你的标题有javascript，但你已经用php – tomtomssi

这适用于Firefox，Google Chrome，Safari，Opera和IE 11+。

下面的代码是使用全屏API实现的。它还使用用户交互切换全屏。您还可以检测全屏的当前状态。

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
    <script language="javascript" type="text/javascript"> 

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(); 
    } 
    } 
} 

document.addEventListener("fullscreenchange", function() { 
    fullscreenState.innerHTML = (document.fullscreen)? "on" : "not "; 
}, false); 

document.addEventListener("mozfullscreenchange", function() { 
    fullscreenState.innerHTML = (document.mozFullScreen)? "on" : "not "; 
}, false); 

document.addEventListener("webkitfullscreenchange", function() { 
    fullscreenState.innerHTML = (document.webkitIsFullScreen)? "on" : "not "; 
}, false); 

document.addEventListener("msfullscreenchange", function() { 
    fullscreenState.innerHTML = (document.msFullscreenElement)? "on" : "not "; 
}, false); 
</script> 
</head> 
<body> 
<a href="javascript:void(0);" onclick="toggleFullScreen();"> 
Open in Full Screen Window</a> 
<p>Fullscreen state: I'm <b id="fullscreenState"> not </b> fullscreen</p> 
</body> 
</html>

当你使用这个在线考试按照以下步骤

为默认状态是“无全屏”。
使页面全屏开始跟踪用户与浏览器全屏使用此状态的交互。如果用户变回正常状态，则放弃用户进行考试/作为违规等。
您只需检查request_access以获得全屏。

参考： - https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API

来源

2016-03-05 07:23:03

好吧，让我chck .. – nnnnnn

如何使标题栏，最小化按钮和最大化按钮在javascript中的网页上不可见？

回答

相关问题