document.activeElement 过滤选择文件弹窗导致的页面失焦
document.activeElement 过滤选择文件弹窗导致的页面失焦
书童小二
发布于 2018-09-03 19:29:48
发布于 2018-09-03 19:29:48
在线考试页面，常常需要检测用户是否作弊。 一般是监听页面是否失焦的方式，而失焦的方式有很多种，比如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弹窗，目前来说还是行不通的，只好提示用户在考试之前关闭相关可能会弹窗的应用
本文参与?腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2017-01-17 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读