我找到了解决我的问题的方法:
我添加了一个包含输入字段的 div,这个 div 的 z-index 为 -10,所以它不会出现
在选择其他输入字段之前,隐藏字段始终拥有焦点。新选择的输入字段获得模糊功能,以将焦点带回隐藏字段。
隐藏的领域
<div style="position:absolute;width:1px;heigth:1px;overflow:hidden">
<input type="text" id="hiddencode" style="position:absolute;left:10px;top:10px;z-index:-1"/>
</div>
js部分
var blurFunction = function(e) {
setTimeout(function(){
console.log(document.activeElement); // This is the element that has focus
if($(document.activeElement).is("input") || (document.activeElement).is("select")) {
$(document.activeElement).blur(blurFunction);
}
else {
$('#hiddencode').focus();
}
$('#hiddencode').val("");
});
};
$('#hiddencode').focus();