javascript - 可以使用 createRange 选择一个空范围吗？

Question

我有以下 javascript，我试图用它来将图像插入到我的内容中：

var imgHtml = '<IMG SRC="' + returnValue+ '">';
var $rte = document.parentWindow.document.getElementById(fieldId);
var rteDoc = $rte.document.selection;
var range = rteDoc.createRange();
range.pasteHTML(imgHtml);

这在我选择文本时有效，但是当我只是将光标放在我的内容中（但不选择任何内容）时，图像会插入我页面的左上角，而不是光标位置的内容中。

未选择任何内容时如何在光标位置插入？

仅供参考 - 这只需要在 IE 中工作

Answer 1

使用createTextRange获取光标位置，并使用 moveEnd将其偏移指定数量的字符：

var imgHtml = '<IMG SRC="' + returnValue+ '">';
var $rte = document.parentWindow.document.getElementById(fieldId);
var range = $rte.createTextRange();
range.moveEnd('character',0);
range.pasteHTML(imgHtml);