在您举报重复之前，请注意我过去两周一直在寻找答案，Chrome仍然不会关注input。
我正在创建一个Web终端类型的页面，因此我将所有键输入指向input元素。我让input的不透明度为0.01并且为1x1像素，并将输入的值复制到span元素中，因为我想要一个小光标来跟随写入提示的文本，我不想不断调整输入的大小。
我已经尝试了很多方法来关注input元素，我发现即使我拥有100%不透明度和100x10像素，当我点击它时你会像往常一样输入文本字段，它不会聚焦。
输入HTML：
<input type="text" autofocus class="invisible in" type="text" autocomplete="off">
输入CSS：
.in, .invisible {
opacity: 1;
background: #000000 !important;
height: 1px;
display: inline;
width: 100px;
color: #000000;
font-size: 1px;
outline: none;
}
The Focus JS：
$('#chrome').click(function(){
setTimeout(function(){
$('.in').focus();
}, 100);
});
$(document).ready(function(){
setTimeout(function(){
$('#chrome-input').click();
$('.in').focus();
}, 1000);
window.onkeydown = function() {
document.getElementsByClassName('in')[0].focus()
}
});
正如您所看到的，我尝试了许多不同的方法来专注于我的input，但它们都没有效果。
PS：请不要仔细检查我在年轻时自我教学中养成的大量坏习惯。