如何在 JavaScript 中的单击输入框中选择文本？ [复制]
Posted
技术标签:
【中文标题】如何在 JavaScript 中的单击输入框中选择文本？ [复制]【英文标题】：How to select text on click input box in JavaScript? [duplicate] 【发布时间】：2020-06-18 07:05:20 【问题描述】：我是 javascript 新手，正在构建一个应用程序，在该应用程序中，如果元素是类型，我想在单击网页上的元素时选择文本（类似于右键单击并全选）输入。这可以做到吗？如果是这样，我将如何去做。任何信息将不胜感激。
【问题讨论】：
希望有人能理解你的意思，因为我不知道你在问什么。 我正在寻找 JavaScript，因为当我单击 html 文档中的任何元素时，如果单击的元素是文本输入框，我可以模拟右键单击该元素并单击“全选”从上下文菜单中 参考：***.com/questions/4067469/… 这能回答你的问题吗？ Selecting all text in HTML text input when clicked 【参考方案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>【讨论】：
以上是关于如何在 JavaScript 中的单击输入框中选择文本？ [复制]的主要内容，如果未能解决你的问题，请参考以下文章
当用户从 MS Access 的组合框中选择“其他”时，如何显示输入表单？
从下拉框中随机选择一个选项，然后单击以激活另一个在 Javascript 中使用 onChange 的函数