码迷,mamicode.com
首页 > 其他好文 > 详细

document.activeElement 过滤选择文件弹窗导致的页面失焦

时间:2017-01-17 16:59:16      阅读:236      评论:0      收藏:0      [点我收藏+]

标签:简单   http   属性   用户   上传   select   src   文件   检测   

在线考试页面,常常需要检测用户是否作弊。

一般是监听页面是否失焦的方式,而失焦的方式有很多种,比如QQ弹窗,切换页面,切换程序,input文件上传选择文件等

选择文件是正常情况,这种情况下需要过滤

 

本文很简单,其实就是 document.activeElement 的使用,获取当前页面上的焦点元素

鼠标点击或Tab切换时都可以触发获取

一般是表单input、textarea、select等,此外就是body项

        <input type="text" name="">
        <input type="file" name="">

        <script type="text/javascript">
            window.onblur = function() {
                var elem = document.activeElement;

                console.log(elem);

                if (elem.getAttribute(type) !== file) {
                    console.log(blur);
                }
            };
        </script>

技术分享

过滤了文件选择导致的弹窗,这个属性的支持度还是可以的

技术分享

 

不过,用JS检测是否为QQ弹窗,目前来说还是行不通的,只好提示用户在考试之前关闭相关可能会弹窗的应用

 

document.activeElement 过滤选择文件弹窗导致的页面失焦

标签:简单   http   属性   用户   上传   select   src   文件   检测   

原文地址:http://www.cnblogs.com/imwtr/p/6293720.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!