首页 > 代码库 > document.activeElement 过滤选择文件弹窗导致的页面失焦
document.activeElement 过滤选择文件弹窗导致的页面失焦
在线考试页面，常常需要检测用户是否作弊。
一般是监听页面是否失焦的方式，而失焦的方式有很多种，比如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 过滤选择文件弹窗导致的页面失焦
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。