本文實例講述瞭如何在div contenteditable文本框光標處插入內容
function pasteHtmlAtCaret(html) {
var sel, range;
if (window.getSelection) {
sel = window.getSelection();
if (sel.getRangeAt && sel.rangeCount) {
range = sel.getRangeAt(0);
range.deleteContents();
var el = document.createElement("div");
el.innerHTML = html;
var frag = document.createDocumentFragment(), node, lastNode;
while ( (node = el.firstChild) ) {
lastNode = frag.appendChild(node);
};
range.insertNode(frag);
if (lastNode) {
range = range.cloneRange();
range.setStartAfter(lastNode);
range.collapse(true);
sel.removeAllRanges();
sel.addRange(range);
};
};
} else if (document.selection && document.selection.type != "Control") {
// IE9以下
document.selection.createRange().pasteHTML(html);
};
};
將要插入的內容當做參數傳入函數,自動找到光標處插入內容,如果焦點不在文本框裏,內容就會插到別處,可以配合下面這個方法先將光標定位
http://blog.csdn.net/qq_17757973/article/details/77452431