Html输入，始终处于焦点

如何始终保持html输入的焦点？ 在创建元素时使用

autofocus

属性有助于在页面加载时聚焦，但不会将焦点保持在对象上。有什么简单的方法可以保持焦点在那里吗？

试试这个：

---

对于FIREFOX，请尝试使用setTimeOut，它可以工作：

我的JS：

myFocusFunction(){
      let myInput = document.getElementById('idOfInput');
      setTimeout(function() { 
           myInput .focus(); 
      }, 100);
}

我的Html：

<input type="text" ng-blur="myFocusFunction()" auto-focus >

---

对我有效的方法是在HTML输入上使用

自动聚焦

属性将其聚焦在初始页面加载上，然后禁用所有mousedown事件：

document.onmousedown = (e) => {
  e.preventDefault();
}

---

显然，如果您需要支持鼠标事件，您可能需要一种不太激烈的方法，但它适合我的命令行模拟器web应用程序用例。

对于react等：

<input  type={'text'}  autoFocus={true} onBlur={({ target }) => target.focus()}/>

target.focus（）}/>

强制关注输入元素可能是一个非常糟糕的设计想法。。。我只是说；）如果你想做一个命令行，对我来说似乎是个好主意website@KiJ这就是我来这里的原因！嗨，如果我理解正确的话，这是否意味着“不能专注于此”永远不能在鼠标点击时编辑？如果是的，那么我发现这不符合预期抱歉，让我更新一下，我的意思是这不适用于Firefox。请注意，整个页面上的键盘导航将因此受到影响。所以要小心使用。我个人将其用于一个信息应用程序，其中输入字段始终保持焦点。与WhatsApp的做法类似。这基本上是导航性和可用性之间的折衷