JavaScript 实现 TextArea 文本选中的方法

作者:小圆点

时间:2026-10-29

浏览:576

本文介绍如何使用 JavaScript 的 select() 方法选中 TextArea 内的文本。通过获取元素 ID 并调用 focus() 和 select() 函数,可实现页面加载或点击按钮时自动选中指定文本域内容。

文章目录

JavaScript 实现 TextArea 文本选中的方法

本文介绍如何使用 JavaScript 实现选中 TextArea 内文本的功能,具体代码示例如下。


<script type="text/javascript">
  function select_field(id){
    document.getElementById(id).focus();
    document.getElementById(id).select();
  }
  function init(){
    select_field('text1');
  }
  onload=init;
</script>
<form>
This field gets selected onload:<br/>
<input type="text" name="text1" id="text1" value="some text" />
<br/>
<textarea name="textarea1" id="textarea1" rows="9" cols="50" wrap="off">Some long
content in here.
abcd efgh abcd efgh abcd efgh
abcd efgh abcd efgh abcd efgh
abcd efgh abcd efgh abcd efgh
</textarea>
<br/>
<input type="button" value="Select text" onclick="select_field('textarea1')">
</form>

希望这段代码能帮助读者理解 JavaScript 中处理表单元素选区的技巧。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章