当前位置: 首页 > 编程笔记 >

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

艾英范
2023-03-14
本文向大家介绍JS实现在文本指定位置插入内容的简单示例,包括了JS实现在文本指定位置插入内容的简单示例的使用技巧和注意事项,需要的朋友参考一下

实例如下所示:

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)" /> 

以上这篇JS实现在文本指定位置插入内容的简单示例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍php 在字符串指定位置插入新字符的简单实现,包括了php 在字符串指定位置插入新字符的简单实现的使用技巧和注意事项,需要的朋友参考一下 php 在字符串指定位置插入新字符的简单实现 因为项目用到DataTable表格加载后台数据,要连表查询虚拟机选中的策略状态,所以想到先把策略表内容取出来,组成一个'<select><option value="1"></option>[n个opt

  • 本文向大家介绍jquery实现在光标位置插入内容的方法,包括了jquery实现在光标位置插入内容的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jquery实现在光标位置插入内容的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的jQuery程序设计有所帮助。

  • 本文向大家介绍JS实现控制文本框的内容,包括了JS实现控制文本框的内容的使用技巧和注意事项,需要的朋友参考一下 JS 控制文本框只能输入数字 <input onkeyup="value=value.replace(/[^0-9]/g,'')" onpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu = "value=value.repla

  • 问题内容: 有没有可以做到这一点的PHP函数? 我用来获取子字符串的位置,我想在该位置之后插入一个。 问题答案: $newstr = substr_replace($oldstr, $str_to_insert, $pos, 0);

  • 本文向大家介绍JS 在数组指定位置插入/删除数据的方法,包括了JS 在数组指定位置插入/删除数据的方法的使用技巧和注意事项,需要的朋友参考一下 splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。 语法 arrayObject.splice(index,howmany,item1,.....,itemX)  参数说明 参数 描述 index 必需。整数,规定添加/删除项目的位置

  • 本文向大家介绍Python实现删除文件中含“指定内容”的行示例,包括了Python实现删除文件中含“指定内容”的行示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了Python实现删除文件中含指定内容的行。分享给大家供大家参考,具体如下: 另外还可参考:bash删除文件中含"指定内容"的行 更多关于Python相关内容感兴趣的读者可查看本站专题:《Python文件与目录操作技巧汇总》、《