html中div怎么从右边插,当插入符号在内容可编辑div中时插入html

你需要保存和恢复选择。如果在可编辑元素失去焦点时选择被折叠(即，只是一个插入符号)，那么IE的人会失去它。请注意，IE < 9与其他浏览器的选择和范围对象完全不同。这里有一些代码可以适用于所有主流浏览器，包括旧版IE。请注意，它不会恢复选择的原始方向。如果您需要这样做，解决方案会变得更加复杂，无法在IE中完成。

var saveSelection, restoreSelection;

if (window.getSelection) {

// IE 9 and non-IE

saveSelection = function() {

var sel = window.getSelection(), ranges = [];

if (sel.rangeCount) {

for (var i = 0, len = sel.rangeCount; i < len; ++i) {

ranges.push(sel.getRangeAt(i));

}

}

return ranges;

};

restoreSelection = function(savedSelection) {

var sel = window.getSelection();

sel.removeAllRanges();

for (var i = 0, len = savedSelection.length; i < len; ++i) {

sel.addRange(savedSelection[i]);

}

};

} else if (document.selection && document.selection.createRange) {

// IE <= 8

saveSelection = function() {

var sel = document.selection;

return (sel.type != "None") ? sel.createRange() : null;

};

restoreSelection = function(savedSelection) {

if (savedSelection) {

savedSelection.select();

}

};

}

之前打开你的对话框：

var savedSel = saveSelection();

关闭该对话框后：

restoreSelection(savedSel);

或者，如果你做了很多选择的/范围内操作，您可以使用的selection save/restore module我的Rangy图书馆，但这只是这一个用途矫枉过正。