最近在做一个考试系统,客户要求考试页面打开后需要全屏显示,并且除本页面外不能进行其他操作,我查了一些相关资料了解到,利用Javascript并不能真正屏蔽掉ALT+TAB键,因为这是系统级快捷键,所以我使用了其他方法进行处理,当窗口失去焦点时自动触发窗口关闭事件,然后再询问用户是提交并完成考试还是取消关闭,通过这个方法初步达到了禁止用户切换窗口的操作,具体代码如下:
aaa.html
<script type="text/javascript">
var win;
function ope(){
//打开窗口,'fullscreen'控制新窗口全屏显示
win = window.open('bbb.jsp','www_loveme_lingd_net','fullscreen');
}
</script>
<input type="BUTTON" name="FullScreen" value="全屏显示" onClick="ope()">
bbb.html
<script type="text/javascript">
//失去焦点后调用的函数
function c(){
window.close();
}
//为窗口注册失去焦点事件
window.onblur = c;
//当关闭窗口时提示是否提交考试
window.onbeforeunload = function() {
return "当前数据还没有保存,关闭、刷新或切换窗口会自动完成考试,是否继续?";
}
//窗口关闭后给出提示
window.onunload = function() {
alert("已成功提交考试!");
}
//屏蔽鼠标右键
function document.oncontextmenu()
{
event.returnValue=false;
}
//屏蔽F1帮助
function window.onhelp()
{
return false;
}
//屏蔽其他功能键
function document.onkeydown()
{
var k = window.event.keyCode;
if (k == 116)//屏蔽 F5 刷新键
{
window.event.keyCode = 0;
window.event.returnValue = false;
}
if (window.event.ctrlKey && k == 82)//Ctrl + R
window.event.returnValue= false;
if (window.event.ctrlKey && k == 78)//屏蔽Ctrl+n
window.event.returnValue = false;
if (window.event.ctrlKey && k == 87)//屏蔽Ctrl+w
window.event.returnValue = false;
if (event.shiftKey && k==121)//屏蔽 shift+F10
window.event.returnValue = false;
if (window.event.srcElement.tagName == "A" && window.event.shiftKey)
window.event.returnValue = false;//屏蔽 shift 加鼠标左键新开一网页
if (window.event.altKey && k == 115)//屏蔽Alt+F4
{
window.showModelessDialog("about:blank","","dialogWidth:1px;dialogheight:1px");
return false;
}
if (window.event.altKey &&
(k == 37 || //屏蔽 Alt+方向键 ←
k == 39)) //屏蔽 Alt+ 方向键→
{
alert("不准你使用ALT+方向键前进或后退网页!");
event.returnValue=false;
}
}
</script>
<body >
<h1>考试窗口</h1>
</body>
Hello
在实现时也遇到了一些问题,比如在JSP页面中,有些IE就无法全屏显示,有可能是IE版本的问题。
分享到:
相关推荐
DIV+CSS+JavaScript实现tab切换的选项卡,进一步提升web开发技术.希望能够帮助到你,共享给大家.
主要为大家详细介绍了JavaScript实现tab栏切换效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
Javascript—Tab切换
js 实现 Enter键实现Tab键功能! 值得下载看看!资源免费,大家分享!!
基于javascript设计的tab标签切换
JavaScript实现简易tab栏切换案例 本文实例为大家分享了JavaScript实现简易tab栏切换效果的具体代码,供大家参考,具体内容如下 tab栏分析 li里面的分析 js实现隐藏与显示 排他思想: 1)、所有元素全部清除...
使用JavaScript + CSS 实现的Tab菜单随着时间的变化而变化的特效功能。
JavaScript实现的HashTabber垂直tab切换效果代码
javascript全屏 解决不能全屏化的问题
JavaScript相册(带Tab选项卡切换)
跳到标签数 这个插件Firefox在每个选项卡标题之前添加一个索引号,因此您可以使用ALT + tab_number跳到选项卡。 ATL + 9始终跳到最后一个选项卡。
文字 +图片 滑动切换 展示特效 js javascript
使用原生JavaScript实现Tab标签切换的方法.pdf
HTML5+CSS+javascript实现的手机商城静态页面.zipHTML5+CSS+javascript实现的手机商城静态页面.zipHTML5+CSS+javascript实现的手机商城静态页面.zipHTML5+CSS+javascript实现的手机商城静态页面.zipHTML5+CSS+...
这是一款使用html5和纯css3制作的响应式全屏滚动页面切换效果。该页面切换效果中页面底部有一排导航按钮,点击按钮时页面以上下平滑滚动的方式进行切换,整个页面始终保持100%的屏幕高度和宽度。
JavaScript实现简易tab栏切换内容栏 本文实例为大家分享了JavaScript实现简易tab栏切换内容栏的具体代码,供大家参考,具体内容如下 html+css部分 <!DOCTYPE html> <html lang="en"> <head> ...
javascript实现简易的tab选项卡切换效果
使用js,实现切换tab页,页面局部刷新(并未重新加载),地址栏路径修改的效果。
Tab菜单自动切换效果: 1.Html 2.Div+css 3.JavaScript
Chrome标签历史记录扩展Chrome扩展程序保留了打开的标签页的历史记录,并允许用户使用Ctrl + Tab命令在其中浏览。用法由于扩展程序正在开发中,因此尚未执行打包任务。 要在您自己的浏览器中尝试扩展,请执行以下...