如何自动对焦反应textarea？

Posted 2023-05-07

【中文标题】如何自动对焦反应textarea？

【英文标题】：How to autofocus react textarea?

【发布时间】：2016-10-01 13:47:45

【问题描述】：

我已经尝试过 autoFocus 或 focus()，但似乎不起作用。

<textarea autoFocus />

or

<textarea ref="textarea" />
componentDidMount() 
  findDOMNode(this.refs.textarea).focus();

编辑

autoFocus 似乎可以在 chrome 中使用。

autoFocusfoucs() 在 ios 中都不起作用。

【问题讨论】：

使sur不使用-webkit-user-select property

<textarea autofocus></textarea> 在 Chrome 中对我不起作用。自动对焦字段不会在 html 中呈现。

【参考方案1】：

在componentDidMount 中调用focus() 似乎可以在桌面版Chrome 和Firefox 中使用。

Demo.

似乎Mobile Safari intentionally suppresses auto-focussing 的元素。