window上有两个方法

window.onfocus 当进入当前页面时会执行的事件监听

window.onblur    当离开当前页面时会执行的事件监听
window.onfocus = function () {
 document.title = '页面正常了...';
};
window.onblur = function () {
 document.title = '快回来~页面崩溃了';
};

焦点事件：
不是所有元素都有焦点事件，只有可交互性的元素才有，比如表单元素，a标签。页面中只能有一个元素有焦点，一个聚焦，另一个就失焦，默认在document。
例子结构如下：
js操作如下：
1.form.txt1.focus();    // 让元素获得焦点，该方法不会触发onfocus()事件。
2.form.txt1.οnfοcus=function(){console.log(1);}  //元素获得焦点时会触发该事件
3.form.txt1.οnblur=function(){console.log(2);}　　//元素失去焦点时触发该事件
4.form.btn.οnclick=function(){form.txt1.select();}  //选中输入框中的所有文字
5.form.btn.οnclick=function(){ form.txt1.setSelectionRange(2,5) ; form.txt1.focus(); }/ / setSelectionRange需要配合着focus()使用才看得到效果，其中setSelectionRange的结束位置不包含在内，setSelectionRange(start，end)包含两个参数，一个是start：起始位置；一个是end：结束位置。
默认情况下，输入框中的文字被选中的文字颜色是蓝色，如果想要改变背景颜色，可以使用 #txt::selection{background: pink;}来改变

在线考试页面，常常需要检测用户是否作弊。
一般是监听页面是否失焦的方式，而失焦的方式有很多种，比如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弹窗，目前来说还是行不通的，只好提示用户在考试之前关闭相关可能会弹窗的应用
 
转载于:https://www.cnblogs.com/imwtr/p/6293720.html

1.问题描述
初始打开页面，input框自动聚焦，在输入n位数字后自动触发事件进行业务处理，结果以页面底部弹框形式展示，同时input失焦。
但目前问题是，底部弹框出现后，input再次获得焦点，导致键盘弹起，阻挡住底部弹框。
只有在刚进入页面，第一次输入后会出现这个问题，保留在当前页面，第二次输入时一切正常。
2.相应截图
正常
异常
异常时输出
3.代码片段
{{ msg }}
doSomething(e) {
this.setData({
fetchCode: e.detail.value,
blurFlag: false,
})
if (e.detail.value.length === 11) {
this.setData({
focus: false,
blurFlag: true,
})
this.loadOrder()
}
}
loadOrder(e) {
if (this.data.fetchCode.length === 11) {
app.request()
.header('content-type', 'application/json')
.post(url)
.query({
token: app.get('token')
})
.send(params)
.end()
.then(res => res.body)
.then(({code, data}) => {
if ( code === 200) {
let modalType = 1
let msg = this.data.msg
if (data.success) {
modalType = 1
} else {
modalType = 3,
msg = data.failReason
}
this.setData({
focus: false,
modalType: modalType,
msg: msg,
showModal: true,
})
}
console.log('loadOrder end')
console.log('focus: ' + this.data.focus)
})
}
}
bindfocus() {
if (this.data.blurFlag) {
this.setData({
focus: false
})
console.log('bindfocus blurFlag: ' + this.data.blurFlag)
console.log('focus: ' + this.data.focus)
} else {
this.setData({
focus: true
})
console.log('bindfocus blurFlag: ' + this.data.blurFlag)
console.log('focus: ' + this.data.focus)
}
}
bindblur() {
this.setData({
focus: false
})
console.log('bindfblur blurFlag: ' + this.data.blurFlag)
console.log('focus: ' + this.data.focus)
}
4.分析问题
bindfocus和bindblur事件、blurFlag变量只是为了排除检测问题而设置的。
根据控制台输出结果发现，在业务处理结束后，代码设置focus=false触发了一次bindblur, 另外未知因素触发了一次bindfocus。这一次bindfocus到底是什么行为触发的，并没有找到。
而且，为什么只进入页面后第一次输入会出现这个问题，onload中并没有进行任何涉及聚焦失焦的操作，只是data中初始化focus为true、blurFlag为false。
微信版本为6.6.7
请教各位大神，在线等。