如何在 JavaScript 中的单击输入框中选择文本？ [复制]答案

【问题标题】：How to select text on click input box in JavaScript? [duplicate]如何在 JavaScript 中的单击输入框中选择文本？ [复制]
【发布时间】：2020-06-18 07:05:20
【问题描述】：

我是 JavaScript 新手，正在构建一个应用程序，在该应用程序中，如果元素是类型，我想在单击网页上的元素时选择文本（类似于右键单击并全选）输入。这可以做到吗？如果是这样，我将如何去做。任何信息将不胜感激。

【问题讨论】：

希望有人能理解你的意思，因为我不知道你在问什么。
我正在寻找 JavaScript，因为当我单击 HTML 文档中的任何元素时，如果单击的元素是文本输入框，我可以模拟右键单击该元素并单击“全选”从上下文菜单中
参考：stackoverflow.com/questions/4067469/…
这能回答你的问题吗？ Selecting all text in HTML text input when clicked

标签： javascript getelementbyid

【解决方案1】：

你可以在你的body标签底部添加这个脚本

<script>
  document.querySelectorAll('.js-select-input').forEach(input => {
    input.addEventListener('click', (e) => e.currentTarget.select())
  })
</script>

对于您希望具有此自动选择功能的每个输入，添加类“js-select-input”，如下例所示：

<input class="js-select-input" value="foo">

【讨论】：

【解决方案2】：

使用select 方法来实现这一点。在输入的onfocus事件的回调函数中使用select方法。为了更好地理解，请参见以下示例：

function testFunc(focusedInput) {
  focusedInput.select();
}

<!DOCTYPE html>
<html>

<head>
</head>

<body>
  <input id="test-input" type="text" name="test-input" value="default-value" onfocus="testFunc(this)">
  <script>
    function testFunc(focusedInput) {
      focusedInput.select();
    }
  </script>
</body>

</html>

【讨论】：