JavaScript在指定文本框光标处插入内容
作者:像素漫游时间:2026-10-21 18:56:10浏览:335
本文介绍如何在JavaScript中实现向文本框(Textarea)的光标当前位置插入指定内容。通过获取文本框焦点及当前选区范围,判断是否有选中文字,并将新内容合并或替换后重新选中,该方法主要适用于旧版IE浏览器环境。
HTML结构与交互定义
<TEXTAREA ROWS="20" COLS="100" id='test'>123456798<B>123</B></TEXTAREA>
创建一个按钮,点击时触发_insertText函数并传入参数"abc"。
JavaScript插入逻辑实现
开始定义JavaScript脚本块。
<!--
定义名为_insertText的函数,接收参数A。
通过ID获取ID为test的元素对象,赋值给变量B。
使元素B获得焦点。
调用document.selection.createRange()方法获取当前选区对象,赋值给变量C。
判断变量C是否存在。
如果选区文本长度大于0,则将参数A追加到选区文本后。
否则,直接将选区文本设置为参数A。
调用C.select()方法重新选中修改后的文本范围。
}
}
//-->
结束脚本块定义。
作者最新文章
D3.js 处理大规模数据点的性能优化策略
2026-11-05 15:37:25
JS实现网页摄像头实时扫码:结合getUserMedia与jsQR教程
2026-11-05 15:27:28
D3.js v5 迁移到 v7 的 API 变更与注意事项
2026-11-05 11:57:17
使用 animate.js 实现多元素协同的序列动画
2026-11-04 22:27:53
JS拖拽排序时怎么添加平滑动画效果?FLIP技术实战
2026-11-04 10:12:22
