<textaret name=txt cols=60 rows=10></textarea>
<script>
function foo(text) {
//这里怎么写？
}
</script>
-
本版专家分：199979结帖率 97.53%
-
- 签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！
-
- 名人 2019年 荣获名人称号
-
- 状元 2018年总版新获得的技术专家分排名第一
-
-
进士
2017年 总版技术专家分年内排行榜第四
2014年 总版技术专家分年内排行榜第四
2013年 总版技术专家分年内排行榜第四
2012年 总版技术专家分年内排行榜第六
-
-
比如
<textaret name=txt cols=60 rows=10></textarea>
<script>
function foo(text) {
//这里怎么写？
}
</script>
展开阅读全文
-
本版专家分：244350
-
- 进士 2003年 总版技术专家分年内排行榜第五
-
-
银牌
2003年6月 总版技术专家分月排行榜第二
2003年5月 总版技术专家分月排行榜第二
-
-
红花
2003年9月 Web 开发大版内专家分月排行榜第一
2003年7月 Web 开发大版内专家分月排行榜第一
2003年6月 Web 开发大版内专家分月排行榜第一
2003年5月 Web 开发大版内专家分月排行榜第一
2003年4月 Web 开发大版内专家分月排行榜第一
-
-
黄花
2004年5月 Web 开发大版内专家分月排行榜第二
2004年4月 Web 开发大版内专家分月排行榜第二
2003年8月 Web 开发大版内专家分月排行榜第二
2003年3月 Web 开发大版内专家分月排行榜第二
-
-
txt.focus();
document.selection.createRange().text += "text";
-
本版专家分：69446
-
-
红花
2006年11月 Web 开发大版内专家分月排行榜第一
2006年10月 Web 开发大版内专家分月排行榜第一
2008年3月 PHP大版内专家分月排行榜第一
-
-
黄花
2005年4月 Web 开发大版内专家分月排行榜第二
2008年4月 Web 开发大版内专家分月排行榜第二
2008年3月 Web 开发大版内专家分月排行榜第二
-
- 蓝花 2005年3月 Web 开发大版内专家分月排行榜第三
-
-
<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>
-
本版专家分：10887 -
这个问题偶也遇到过，偶的应用是在光标处插入签名档，偶的签名档放在select的option-value中，不得已啊
后面就简单了，建立选区
document.selection.createRange()
粘贴签名内容select.value
exeCommand(Paste)
就可以了~~~~~~~~~~~~
但是得判断一下光标位置，否则可能就插在document中了
-
本版专家分：7177 -
hehe.
-
本版专家分：466 -
怎么这样都插入不了，高手帮帮我
//插入文字
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="光标处插入">
xuzuning
等级：
-
- 签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！
-
- 名人 2019年 荣获名人称号
-
- 状元 2018年总版新获得的技术专家分排名第一
-
-
进士
2017年 总版技术专家分年内排行榜第四
2014年 总版技术专家分年内排行榜第四
2013年 总版技术专家分年内排行榜第四
2012年 总版技术专家分年内排行榜第六
- 【记录】JS在TextArea光标位置插入文字+移动光标到文字末尾
=IE支持document.selection...=Firefox，Chrome,Safari以及Opera都有selectionStart和selectionEnd属性 == function insertText(obj,str) { if (document.selection) { var sel = document.selection.creat
- JS在TextArea光标位置插入文字+移动光标到文字末尾
function insertText(obj,str) { if (document.selection) { var sel = document.selection.createRange(); sel.text = str; ... } else if (typeof obj.selectionStart === 'numb...
- JS在TextArea光标位置插入文字+移动光标到文字末尾 (注意JS的第二行，原作者的版本有问题)...
在网上看了很多用js 将光标移动到textarea的最后，但是看了很多垃圾方法，屁不管用，浪费时间，最近用到一个新方法 =IE支持document.selection=Firefox，Chrome,Safari以及Opera都有selectionStart和selectionEnd...
- 使用JS在textarea在光标处插入内容
// 在光标处插入字符串 // myField 文本框对象 // myValue 要插入的值 function insertAtCursor(myField, myValue) { //IE support if (document.selection) { myFie
- JS在TextArea光标位置插入文字+移动光标到文字末尾
function insertText(obj,str) { if (document.selection) { var sel = document.selection.createRange(); sel.text = str;... } else if (typeof obj.selectionStart ===...
- JS在textarea光标处插入文本
本实例使用Javascript实现在textarea光标处插入文本,支持多种浏览器,效果网址：http://keleyi.com/dev/36d87291ba370420.htm 下面是代码: -----------------------------------------------------------------...
- Jquery或者JavaScript实现在textarea光标处插入文本
1.Jquery函数实现： ... /* 在textarea处插入文本--Start */ (function($) { $.fn .extend({ insertContent : function(myValue, t) { var $t = $(this)[0]; if (document.selection) {
- jQuery在textarea光标处插入文本
/** * @param $ * 自定义jQuery扩展方法, 在光标处插入内容 */ (function ($) { "use strict"; $.fn.extend({ insertAtCaret : function (myValue) { var $t = $(this)[0]; if (document.s
- 在textarea光标处插入文本
在textarea光标处插入文本
- Textarea在光标停留处插入文字
NULL 博文链接：https://cai555.iteye.com/blog/618161
- 用js在TextArea中的光标位置插入内容的方法
用js在TextArea中的光标位置插入内容的方法（比较完美） 做UBB版在线编辑器应该会用到，用js在TextArea中的光标位置插入内容的方法. 国内网上给出的方法简直是误人子弟，外文站上也都不是太完整，雷锋一回...
- 如何在textarea的光标位置插入文字
在网上看了很多用js在光标处插入文字的代码，很多都没有用，互抄而已，浪费时间。最近用到一个新方法，可以到达这个需求。IE支持document.selection，Firefox，Chrome,Safari以及Opera都有selectionStart和...
- 原生javascript在textarea光标处插入表情字符
* 在光标的位置插入图片 * @param {Object} myField textarea的Id * @param {Object} myValue 插入的字符 */ function AddOnPos(myField, myValue) { //IE support if (document.selection)
- query或者JavaScript实现在textarea光标处插入文本
1.Jquery函数实现： $(function() { /* 在textarea处插入文本--Start */ (function($) { $.fn.extend({ insertContent : function(myValue, t) { v...
- 在 textarea 中光标位置插入字符串
好久没晒代码了。今天心情不错，搬出来晒晒太阳。...var getCursorEndPosition = function (textarea) { textarea.focus(); // 首先当然要设为选中了 if (textarea.setSelectionRange) { // W3C ret...
- 在TextArea中光标位置插入值
很多人都可能会想到用document.selection.createRange().text=”要求插入的值” 的方法,但是对于一些在textArea中的光标位置插入值时,对于插入的值可能会要求在一个弹出窗体中,或者javascript做的弹出Div中进行编辑...
- textarea 光标处插入值
$.fn.extend({ insertAtCursor : function(myValue) { var $t = $(this)[0]; if (document.selection) { this.focus(); sel = document.sele
- Vue获取textarea光标插入内容
<div style="background-...textarea ref="contentArea" v-model="contentFormula" style="width: 100%;height: 100%"> {{contentFormula}} </textarea> </div> const myField = this.$refs.
- JS获取textarea的光标位置并插入内容
function insertText(obj,str) { if (document.selection) { var sel = document.selection.createRange(); sel.text = str; } else if (typeof obj.selectionStart === 'number' &...
- 用友U8视频教程全集(全模块)
以用友U8 12.0为题材，包含U8全部功能模块。不停留在U8软件操作，深入业务流程实现，融入企业管理之中。讲师具有20多年跨行业企业信息管理经历。实战辅导数十家企业。 全面掌握用友ERP，包括功能详解，项目实施，业务应用，二次开发，数据库及系统维护。胜任ERP运维二次开发工作，胜任ERP项目管理工作、胜任企管，高级文秘工作。