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

本文很简单，其实就是 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弹窗，目前来说还是行不通的，只好提示用户在考试之前关闭相关可能会弹窗的应用