社区
JavaScript
帖子详情
完蛋了,什么都忘了!如何用js在textarea的光标处插入文字
xuzuning
2005-03-17 05:24:44
比如
<textaret name=txt cols=60 rows=10></textarea>
<script>
function foo(text) {
//这里怎么写?
}
</script>
...全文
357
5
打赏
收藏
完蛋了,什么都忘了!如何用js在textarea的光标处插入文字
比如 function foo(text) { //这里怎么写? }
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
5 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
ziyou_jo
2005-03-18
打赏
举报
回复
怎么这样都插入不了,高手帮帮我
//插入文字
function addsign(cr) {
alert(cr)
document.selection.createRange().box += "cr";
box.focus();
}
光标处插入文字 :<input type="text" value="" id="sign" size="8"> <input type="button" onclick="addsign(sign.value)" value="光标处插入">
bflovesnow
2005-03-18
打赏
举报
回复
hehe.
sfply
2005-03-17
打赏
举报
回复
这个问题偶也遇到过,偶的应用是在光标处插入签名档,偶的签名档放在select的option-value中,不得已啊
后面就简单了,建立选区
document.selection.createRange()
粘贴签名内容select.value
exeCommand(Paste)
就可以了~~~~~~~~~~~~
但是得判断一下光标位置,否则可能就插在document中了
myvicy
2005-03-17
打赏
举报
回复
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>光标位置</title>
<style>
INPUT{border: 1 solid #000000}
BODY,TABLE{font-size: 10pt}
</style>
</head>
<body>
<table border="0" width="700" cellspacing="0" cellpadding="0">
<tr>
<td width="479" rowspan="7">
点击 TextArea 实现光标定位
<p>
<textarea rows="7" cols="49" id="box" onclick=tellPoint()>怎么样很简单吧,如果我们再把文件上传和此结合起来,就会产生很多使用的功能。如:
在用上传组件上传多个文件后,可以对其多个文件打包,以提供给其他人zip文件下载
或者上传一个zip文件后,可以利用程序对其解压,以提供给其他人单个文件下载
很方便用户吧!我会在以后的文章里把这两种变化写出来!文中难免有疏漏的地方,请大家多多指正!
</textarea>
<script>
function movePoint()
{
var pn = parseInt(pnum.value);
if(isNaN(pn))
return;
var rng = box.createTextRange();
rng.moveStart("character",pn);
rng.collapse(true);
rng.select();
returnCase(rng)
}
function tellPoint()
{
var rng = event.srcElement.createTextRange();
rng.moveToPoint(event.x,event.y);
rng.moveStart("character",-event.srcElement.value.length)
pnum.value = rng.text.length
returnCase(rng)
}
function returnCase(rng)
{
bh.innerText = rng.boundingHeight;
bl.innerText = rng.boundingLeft;
bt.innerText = rng.boundingTop;
bw.innerText = rng.boundingWidth;
ot.innerText = rng.offsetTop;
ol.innerText = rng.offsetLeft;
t.innerText = rng.text;
}
function selectText(sp,ep)
{
sp = parseInt(sp)
ep = parseInt(ep)
if(isNaN(sp)||isNaN(ep))
return;
var rng = box.createTextRange();
rng.moveEnd("character",-box.value.length)
rng.moveStart("character",-box.value.length)
rng.collapse(true);
rng.moveEnd("character",ep)
rng.moveStart("character",sp)
rng.select();
returnCase(rng);
}
var rg = box.createTextRange();
function findText(tw)
{
if(tw=="")
return;
var sw = 0;
if(document.selection)
{
sw = document.selection.createRange().text.length;
}
rg.moveEnd("character",box.value.length);
rg.moveStart("character",sw);
if(rg.findText(tw))
{
rg.select();
returnCase(rg);
}
if(rg.text!=tw)
{
alert("已经搜索完了")
rg = box.createTextRange()
}
}
</script>
</p>
<p></p>
光标位置:<input type="text" value="0" id="pnum" size="8"> <input type="button" onclick="movePoint()" value="移动光标到指定位置">
<p></p>
选择指定范围:<input type="text" size="9" id="sbox"> -- <input type="text" size="9" id="ebox"> <input type="button" onclick="selectText(sbox.value,ebox.value)" value="选择">
<p></p>
选择查找字符 :<input type="text" value="" id="cbox" size="8"> <input type="button" onclick="findText(cbox.value)" value="查找下一个并选择">
</td>
<td width="217">boundingHeight: <span id="bh"></span></td>
</tr>
<tr>
<td width="217">boundingWidth: <span id="bw"></span></td>
</tr>
<tr>
<td width="217">boundingTop: <span id="bt"></span></td>
</tr>
<tr>
<td width="217">boundingLeft: <span id="bl"></span></td>
</tr>
<tr>
<td width="217">offsetLeft: <span id="ol"></span> </td>
</tr>
<tr>
<td width="217">offsetTop: <span id="ot"></span> </td>
</tr>
<tr>
<td width="217">text: <span style="position: absolute; z-index: 10" id="t"></span> </td>
</tr>
</table>
</body>
</html>
fason
2005-03-17
打赏
举报
回复
txt.focus();
document.selection.createRange().text += "text";
Textarea
在
光标
停留
处
插入
文字
NULL 博文链接:https://cai555.iteye.com/blog/618161
在
textarea
光标
处
插入
文本
在
textarea
光标
处
插入
文本
使用
JS
在
textarea
在
光标
处
插入
内容
使用
JS
在
textarea
在
光标
处
插入
内容.txt
JS
在
TextArea
光标
位置
插入
文字
并实现移动
光标
到
文字
末尾
JS
在
TextArea
光标
位置
插入
文字
+移动
光标
到
文字
末尾,Firefox,Chrome,Safari以及Opera都有selectionStart和selectionEnd属性,具体实现如下,感兴趣的朋友可以参考下哈
JS
在
textarea
光标
处
插入
文本的小例子
本实例使用Javascript实现在
textarea
光标
处
插入
文本,支持多种浏览器
JavaScript
87,997
社区成员
224,709
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章