HTML 文本框，自动突出显示文本

Posted 2023-03-06

【中文标题】HTML 文本框，自动突出显示文本

【英文标题】：HTML textbox, auto highlighting text

【发布时间】：2010-10-18 16:20:14

【问题描述】：

我将如何制作一个包含预先存在的文本的文本框，当用户在其中单击时，其中的所有文本都会突出显示。例如，YouTube 为其视频中的嵌入代码处理文本框的方式相同。谢谢

【参考方案1】：

如果我正确理解了您的问题，您可以使用一些 javascript（未经测试的代码）：

<script language="JavaScript">
  function selectText(textField) 
  
    textField.focus();
    textField.select();
  
</script>

<input type="text" name="sometext" size="100" value="The Text" onClick='selectText(this);'>

您可以将脚本放在

和 标记之间。

【讨论】：

谢谢，效果很好。快速跟进，我想在文本框中复制和粘贴一些 javascript，但它似乎搞砸了，有没有办法在其中使用 javascript 文本来做到这一点？

nm 我明白了，一个简单的双引号到单引号似乎已经修复了它。

为了保持正常功能，如果 (1) 未选择其他文本或 (2) 在 mousedown 时选择了 (2)

这只是.select();，它可以随心所欲地实现，通常我会使用document.getElementById，而不是将html元素设置为变量