强制文本字段在焦点上选择全文

Question

我想得到一个文本字段，每当我点击/点击/聚焦该字段时，它可以选择该字段中当前的全部文本。我自己也在其他React应用程序中使用了一个执行事件的onFocus处理程序来实现这一点。目标select（），但这种方法似乎不适用于材质UI。使用Material UI TextFields，我可以看到所选内容简短地覆盖了全文，然后返回到文本末尾闪烁的光标。

你知道怎么做吗？

Answer 1

使用以下代码对我来说效果很好：

import React from "react";
import ReactDOM from "react-dom";
import TextField from "@material-ui/core/TextField";

function App() {
  return (
    <TextField
      defaultValue="test"
      onFocus={event => {
        event.target.select();
      }}
    />
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

如果这对您的问题没有帮助，请共享复制您的问题的代码。