社区
JavaScript
帖子详情
完蛋了,什么都忘了!如何用js在textarea的光标处插入文字
xuzuning
2005-03-17 05:24:44
比如
<textaret name=txt cols=60 rows=10></textarea>
<script>
function foo(text) {
//这里怎么写?
}
</script>
...全文
360
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
在
光标
停留
处
插入
文字
标题“
Textarea
在
光标
停留
处
插入
文字
”涉及到的是如何在`
Textarea
`中实现
文字
的动态
插入
,使得新添加的
文字
能精确地出现在用户当前
光标
所在的位置。这通常涉及到JavaScript的DOM操作和事件监听。 在HTML中,`...
在
textarea
光标
处
插入
文本
### 在
Textarea
光标
处
插入
文本 #### 知识点概览 本文将详细介绍如何使用JavaScript在`
textarea
`的
光标
位置
插入
文本。该方法适用于多种浏览器环境,包括Internet Explorer(IE)和其他基于Mozilla的浏览器(如Fire...
使用
JS
在
textarea
在
光标
处
插入
内容
在IT领域,特别是前端开发中,使用JavaScript在`
textarea
`元素的
光标
位置
插入
内容是一项常见且实用的技术。本文将详细解析如何实现这一功能,并深入理解其背后的逻辑与原理。 ### 核心知识点:在`
textarea
`
光标
处
...
JS
在
TextArea
光标
位置
插入
文字
并实现移动
光标
到
文字
末尾
在
处
理`<
textarea
>`
光标
位置
插入
文字
并移动
光标
到
文字
末尾的操作时,主要涉及两个关键属性:`selectionStart`和`selectionEnd`,以及在IE中使用的`document.selection`对象。 `selectionStart`和`selectionEnd`是...
JS
在
textarea
光标
处
插入
文本的小例子
标题“
JS
在
textarea
光标
处
插入
文本的小例子”和描述“本实例使用Javascript实现在
textarea
光标
处
插入
文本,支持多种浏览器”揭示了该文档是关于如何使用JavaScript在网页文本区域(
textarea
)组件
光标
所在位置
插入
...
JavaScript
87,997
社区成员
224,709
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章