如何制作一个HTML页面的锁屏功能
如果后台一些界面比较敏感,希望主动或者被动的在人员不想暴露信息的情况下加一把锁,就是说避免信息一直在页面上暴露,可以使用”阅后即焚“这种思路,这种思路比较简单,显示了就过几秒删除,js remove节点即可(如果有必要做成真正的只能读一次那后台数据也要删掉),还有一个办法是给页面锁屏。 如何给某个页面加上一个锁屏功能呢,表现形式有这么几种 1.长时间未操作页面自动跳到一个锁屏提示页面需要再次输入密码才能进入。实现方案可以是定时器监控到页面有没有被操作了,长时间未动,自己跳转一下。 2.点击某个按钮(立即锁屏)这种主动触发,这个就比较简单了,a标签页面跳转即可。 3.用户按下键盘进行触发锁屏,本文主要说这个。 前面两种思路都很清晰很容易做到,第三种需要点键盘事件触发的概念,比如 Ctrl+l,查了一下,可以这样做,上代码 <! DOCTYPE html > < html > < head > < title > Ctrl+l监控锁屏 </ title > </ head > < body > < div id ="message_div" ></ div > < script type ="text/javascript" language =JavaScript > document.onkeydown = function (event){ var e = event ||