本文介绍了如何在contentEditable属性为true的div中获取光标位置，并在该位置插入内容。通过使用window.getSelection()和document.createDocumentFragment()等方法，实现了在光标处动态插入HTML代码，同时提供了完整的JavaScript示例代码。
为什么要在contentEditable=true的div里面获取光标呢？因为这篇文章https://blog.csdn.net/qq_33769914/article/details/85002918我们知道想在一个内容里面插入一个新的内容，如果这个新的内容是段html代码。最后显示的是有样式的。那么用input是无法实现的。
所以我们考虑用contentEditable=true的div。在这里面输入的html就没问题啦。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>获取焦点位置并在焦点位置插入指定内容</title>
</head><body>
<div contenteditable="true" class="fxAnswer" οnblur="getblur()"></div><input type="text" id="text" placeholder="想要添加进去的内容"/>
<button type="button" id="btn">添加</button><script type="text/javascript" src="js/jquery.min.js" ></script>
<script ty
最低0.47元/天 解锁文章
8759
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
