Html输入,始终处于焦点

Question

如何保持html输入始终处于焦点？autofocus在创建元素时使用该属性有助于集中在页面加载,但它不会将焦点保持在对象上.有没有简单的方法来保持焦点？

Answer 1

试试这个:

<!-- On blur event (unfocus) refocus the input -->
<input onblur="this.focus()" autofocus /> 
<input value="Can't focus on this" />

基本上,您添加一个blur事件(只要输入失去焦点就会发生),而在模糊事件中,您会专注于输入.此外,您还可以添加autofocus属性以开始关注.

PS如果您计划将此用于网站供实际人员使用,从用户界面的角度来看,这可能不是一个好主意.

Answer 2

对于反应等：

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