社区
JavaScript
帖子详情
请问,怎么获得文本域TextArea的光标位置,并在相应光标位置处插入一段string,谢谢
blackfiles
2003-01-18 01:10:59
请问在页面上,怎么获得文本域TextArea的光标位置,并在相应光标位置处插入一段string,谢谢
...全文
133
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,发现知识点有点乱,这边先写下我这次用到的几个 兼容性 <= IE10: document.selection,返回的是当前文档选中的内容,目前这个api只有ie10以下支持,相关的属性和方法如下 > IE11 and Others: window.getSelect
获取
Textarea
元素当前的
光标
位置
及document.selection.createRange()资料
在任何编辑器中,获取
光标
位置
都是非常重要的,很多人可能认为较难,其实只要
处
理好浏览器的兼容,还是比较容易实现的。
下面我们一起来看看如何获取到
Textarea
元素中的
光标
位置
(测试地址)。
首先,我们用 rangeData 对象作为数据存储,并
获得
焦点:var rangeData = {start: 0, end: 0, text: "" };
textarea
.focus();
对于非 IE 浏览器获取选区的起始和末尾
位置
其实非常容易:rangeData.s
将
光标
定位到文本的末尾(转)
将
光标
定位到文本的末尾 1 概述 分成两种情况吧。 一、对象是input、
textarea
等,一个纯文本框,里面是文字。这种要在focus的时候,将
光标
也定位到末尾,比较简单。 二、对象是div,里面可以嵌套其他元素,如input等。这种较复杂。 不管是哪种,都可以通过Range对象来进行操作,IE、Firefox下这两个对象有较大差异。对于第一种情况,较简单的,不通过Ra
js实现在
光标
的
位置
添加内容
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <body> <script type="text/javascript"&g...
JavaScript
87,994
社区成员
224,689
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章