JS实现在文本指定位置插入内容的简单示例

作者:Bazinga_fine 时间:2024-04-19 10:15:17 

实例如下所示:


function insertAtCursor(myField, myValue) {

//IE 浏览器
if (document.selection) {
 myField.focus();
 sel = document.selection.createRange();
 sel.text = myValue;
 sel.select();
}

//FireFox、Chrome等
else if (myField.selectionStart || myField.selectionStart == '0') {
 var startPos = myField.selectionStart;
 var endPos = myField.selectionEnd;

// 保存滚动条
 var restoreTop = myField.scrollTop;
 myField.value = myField.value.substring(0, startPos) + myValue + myField.value.substring(endPos, myField.value.length);

if (restoreTop > 0) {
 myField.scrollTop = restoreTop;
 }

myField.focus();
 myField.selectionStart = startPos + myValue.length;
 myField.selectionEnd = startPos + myValue.length;
} else {
 myField.value += myValue;
 myField.focus();
}
}
<textarea id="textarea" style="width: 386px; height: 260px">
</textarea>
<input type="text" id="text" />
<input type="button" value="插入" onclick="insertAtCursor(document.getElementById('textarea'),document.getElementById('text').value)" />

来源:http://blog.csdn.net/qq_20960159/article/details/78820023

标签:JS,文本,指定,位置,插入,内容
0
投稿

猜你喜欢

  • Win7或Windows server 2008中IIS7支持ASP+Access解决方法

    2012-03-27 18:31:27
  • 用实例分析如何整理SQL Server输入数据

    2009-01-20 15:16:00
  • Django利用AJAX技术实现博文实时搜索

    2023-01-02 01:57:50
  • 用python实现k近邻算法的示例代码

    2022-08-28 16:08:58
  • Python 性能优化技巧总结

    2023-03-01 00:36:46
  • Asp Response.Expires 属性介绍

    2008-02-19 17:02:00
  • Python图像处理之gif动态图的解析与合成操作详解

    2022-09-27 18:19:51
  • 利用javaScript实现点击输入框弹出窗体选择信息

    2023-09-13 03:14:50
  • Go语言包管理模式示例分析

    2024-05-22 10:20:17
  • 强大的Perl正则表达式实例详解

    2023-08-09 11:12:33
  • pycharm无法导入lxml的解决办法

    2023-08-24 04:34:39
  • 详解非极大值抑制算法之Python实现

    2021-02-24 06:41:32
  • 网页中英文混排行高不等问题

    2008-08-26 17:03:00
  • Python3 操作 MySQL 插入一条数据并返回主键 id的实例

    2024-01-21 06:05:16
  • Python学习小技巧总结

    2021-09-21 09:28:49
  • Asp定时执行操作、各种网页定时操作详解

    2008-06-10 17:32:00
  • python邮件中附加文字、html、图片、附件实现方法

    2022-10-28 01:17:13
  • Matplotlib绘制雷达图和三维图的示例代码

    2022-09-04 03:31:33
  • Python中使用wxPython开发的一个简易笔记本程序实例

    2021-09-07 22:06:22
  • Django ORM F对象和Q对象查询

    2023-10-23 15:33:04
  • asp之家 网络编程 m.aspxhome.com