考试防刷新、切屏效果实现

情景

       在线考试模块这样一个需求: 避免学生用电脑查答案, 需要系统防止刷新、切屏或改变窗口大小，当达到次数后自动交卷。

实现

 1，仿刷新。

　   因为浏览器都自带了刷新返回等按钮，因此只想到了弹出窗口的形式。

/*
 * @param url 考试界面的链接 
 * @param name 新窗口的名称，没有可填空
 * 属性menubar=no 新窗口隐藏菜单栏，防刷新即基本实现
 */

window.open( url, name, "menubar=no" ) 

没那么完美，鼠标点刷新按钮是实现了，但键盘快捷键的刷新未处理。接下来在防止切屏内一并处理。

 

2，防止切屏。 

         主要思路是屏蔽键盘快捷键和鼠标切换。

　     2.1，屏蔽切换组合键如下：

function stopShortCutKey() {               //屏蔽鼠标右键、Ctrl+n、shift+F10、F5刷新、退格键  
  if ( (window.event.altKey) && ((window.event.keyCode == 37) ||   (window.event.keyCode == 39) ) ) { 
    alert("不准你使用ALT&#