javascript - 单击时自动对焦文本框

Question

我正在构建一个 UI。在我的 HTML 中，我有一个带有一些文本的段落元素。当用户点击该段落时，<p>元素变成显示相同文本的文本区域(用于编辑目的)。但是，为了开始在文本区域中键入，用户必须再次单击以显示光标。我该如何设置才能使光标在单击时立即显示并且用户能够在单击一次(而不是两次)后开始输入？

Answer 1

在点击事件中的元素上使用 .focus()。

文档:https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus