在可编辑的 Div 的光标位置插入文字或 HTML

示例代码如下:

<title>Div 光标位置插入文字或 HTML</title>

var pos;

function getPos()

{

pos = document.selection.createRange();

}

function fn_insertPos()

{

if(pos!=null)

{

pos.text="插入文字内容";

//pos.pasteHTML("<font color='red'>文字内容</font>");

//pos.pasteHTML("<br/>文本框控件:<input id='Text1' type='text' />");

//释放位置

pos=null;

}

else

{

alert("没有正确选择位置");

}

</script>

</head>

<body>

<div id="myDiv" style="width: 300px; height: 100px;

border: black 1px solid; font-size:small; line-height:1; "

onclick="getPos();" onkeyup="getPos();" contenteditable="true">

一二三四五六七八</div>

<input id="Button1" type="button" onclick="fn_insertPos();"

value="点击本按钮在Div中插入相关内容" />

</form>

</body>

</html>

转载于:https://www.cnblogs.com/freeliver54/archive/2007/07/26/832492.html

在可编辑的 Div 的光标位置插入文字或 HTML相关推荐

可编辑div在光标位置插入指定内容
可编辑div在光标位置插入指定内容 //在光标位置插入内容 insertContent(content) {if (!content) {//如果插入的内容为空则返回return;}let sel = ...
点击按钮，在input框在光标位置插入文字，系列问题待解决
想制作一个公式设计器,需要在文字的对应位置插入按钮对应的文字,效果如下: 遇到的问题: 1. 如何获取光标位置,并在对应位置插入内容两种情况: (1)用户点击位置后,在光标位置插入内容 (2)用户选 ...
php光标添加,JS在可编辑的div中的光标位置插入内容的方法_javascript技巧
本文实例讲述了js实现在可编辑div中指定位置插入内容的方法,就像我们使用的编辑器一样,分享给大家供大家参考.具体实现方法如下: 首先要让DIV启用编辑模式通过设定contenteditable=t ...
vue 怎么在字符串中指定位置插入字符_vue项目中在可编辑div光标位置插入内容的实现代码...
vue项目中在可编辑div光标位置插入内容 html: @dragstart="dragStart($event, item.labelName)" draggable='true ...
vue光标插入内容_vue项目中在可编辑div光标位置插入内容的实现代码
vue项目中在可编辑div光标位置插入内容 html: @dragstart="dragstart($event, item.labelname)" draggable='true ...
【jQuery插件】insertContent-在文本框光标位置插入内容并选中
在文本框光标位置插入内容在实际的项目应用中经常用到,比如在文本框插入表情,首先要获取光标在文本框中的位置,当然这个有浏览器兼容性问题. IE下可以通过document.selection.create ...
jQuery 输入框在光标位置插入内容, 并选中
// //使用方法 //$(文本域选择器).insertContent("插入的内容"); //$(文本域选择器).insertContent("插入的内容", ...
quill光标位置插入html，quill编辑器+word文档上传，插入指定位置
官方quill没有直接给出插入html的方式类似,下面两个方法,是quill框架提供的,但是并没有提供可以在指定光标位置插入html quill.pasteHTML:这个方法已经废弃了,但目前还是可 ...
react/antd实现textarea获取光标位置在光标处插入文字
react/antd实现textarea获取光标位置在光标处插入文字 1.首先将textarea对象通过refs存起来 <TextArearef={(input) => this.cont ...
python 光标位置输入文字_Python 移动光标位置的方法
Python 移动光标位置的方法更新时间:2019年01月20日 11:10:18 作者:你怎么知道你不会成功今天小编就为大家分享一篇Python 移动光标位置的方法,具有很好的参考价值,希望对大 ...

在可编辑的 Div 的光标位置插入文字或 HTML

在可编辑的 Div 的光标位置插入文字或 HTML相关推荐

最新文章

热门文章

在 可编辑的 Div 的 光标位置 插入 文字 或 HTML

在 可编辑的 Div 的 光标位置 插入 文字 或 HTML相关推荐

最新文章

热门文章

在可编辑的 Div 的光标位置插入文字或 HTML

在可编辑的 Div 的光标位置插入文字或 HTML相关推荐