社区
JavaScript
帖子详情
请问,怎么获得文本域TextArea的光标位置,并在相应光标位置处插入一段string,谢谢
blackfiles
2003-01-18 01:10:59
请问在页面上,怎么获得文本域TextArea的光标位置,并在相应光标位置处插入一段string,谢谢
...全文
125
4
打赏
收藏
请问,怎么获得文本域TextArea的光标位置,并在相应光标位置处插入一段string,谢谢
请问在页面上,怎么获得文本域TextArea的光标位置,并在相应光标位置处插入一段string,谢谢
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
4 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
qiushuiwuhen
2003-01-18
打赏
举报
回复
<HTML>
<HEAD>
<SCRIPT>
function insertAtCaret (textEl, text) {
textEl.focus();
document.selection.createRange().text=text;
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="aForm">
<TEXTAREA NAME="aTextArea" ROWS="5" COLS="80" WRAP="soft">测试测试测试测试测试测试
</TEXTAREA>
<BR>
<INPUT TYPE="text" NAME="aText" SIZE="80" VALUE="要插入的文字">
<BR>
<INPUT TYPE="button" VALUE="insert" ONCLICK="insertAtCaret(this.form.aTextArea,this.form.aText.value);">
</FORM>
</BODY>
</HTML>
michael_monkey
2003-01-18
打赏
举报
回复
学习
孟子E章
2003-01-18
打赏
举报
回复
<HTML>
<HEAD>
<SCRIPT>
function storeCaret (textEl) {
if (textEl.createTextRange)
textEl.caretPos = document.selection.createRange().duplicate();
}
function insertAtCaret (textEl, text) {
if (textEl.createTextRange && textEl.caretPos) {
var caretPos = textEl.caretPos;
caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? text + ' ' : text;
}
else
textEl.value = text;
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="aForm">
<TEXTAREA NAME="aTextArea" ROWS="5" COLS="80" WRAP="soft"
ONSELECT="storeCaret(this);"
ONCLICK="storeCaret(this);"
ONKEYUP="storeCaret(this);">测试测试测试测试测试测试
</TEXTAREA>
<BR>
<INPUT TYPE="text" NAME="aText" SIZE="80" VALUE="要插入的文字">
<BR>
<INPUT TYPE="button" VALUE="insert" ONCLICK="insertAtCaret(this.form.aTextArea,this.form.aText.value);">
</FORM>
</BODY>
</HTML>
孟子E章
2003-01-18
打赏
举报
回复
http://lucky.myrice.com/javascriptexam/textrange.htm
Textarea
插入
文本 +
光标
定位
Textarea
插入
文案以及
光标
定位
利用selection对象在
textarea
光标
处
插入
指定文本
最近项目中需要做一个效果:在文本框中
光标
处
输入指定的文本。这里就需要用到selection对象。网上查了资料,看了mdn,发现知识点有点乱,这边先写下我这次用到的几个 兼容性 document.selection,返回的是当前文档...
获取
Textarea
元素当前的
光标
位置
及document.selection.createRange()资料
下面我们一起来看看如何获取到
Textarea
元素中的
光标
位置
(测试地址)。 首先,我们用 rangeData 对象作为数据存储,并
获得
焦点:var rangeData = {start: 0, end: 0, text: "" };
textarea
.focus();...
将
光标
定位到文本的末尾(转)
一、对象是input、
textarea
等,一个纯文本框,里面是文字。这种要在focus的时候,将
光标
也定位到末尾,比较简单。 二、对象是div,里面可以嵌套其他元素,如input等。这种较复杂。 不管是哪种,都可以通过Range...
js实现在
光标
的
位置
添加内容
<
textarea
name="" id="txt1" cols="30" rows="10" >了在IE、Firefox、Opera等主流浏览器的获取
光标
位置
(getCursortPosition)以及设置
光标
位置
(setCursorPosition)的函数。</
textarea
> 添加" id="btn"> ...
JavaScript
87,996
社区成员
224,693
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章