如何select点击输入框上的文字JavaScript？

Question

我是 JavaScript 的新手，正在构建一个应用程序，其中使用普通 JavaScript，我想 select 文本（类似于右键单击和 select all) 单击网页上的元素（如果元素是输入类型）。这可以做到吗？如果是这样，我将如何去做这件事。任何信息将不胜感激。

Answer 1

您可以在正文标签底部添加此脚本

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

并为每个您希望具有此自动选择功能的输入添加 class "js-select-input"，如本例所示：

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

Answer 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>

如何select点击输入框上的文字JavaScript？

How to select text on click input box in JavaScript?

javascript

getelementbyid