JavaScript 实现 TextArea 文本选中的方法
作者:小圆点时间:2026-10-29 13:04:42浏览:577
本文介绍如何使用 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 中处理表单元素选区的技巧。
作者最新文章
JS在setTimeout或Ajax回调中打开新标签页失败怎么处理
2026-11-05 15:50:12
JS直播协议选型:HLS、FLV与WebRTC的延迟与兼容性对比
2026-11-05 12:16:14
JS实现回到顶部:scrollTop赋值与浏览器兼容性处理
2026-11-04 23:43:35
JS使用classList动态添加、移除和切换CSS类名
2026-11-04 23:40:58
在 D3.js 中实现平滑过渡动画的技巧
2026-11-03 23:46:09
