javascript - 如何在可编辑的 iframe 上设置插入符号位置？

Question

我需要在 contentEditable iframe 上设置插入符位置。它需要在 Google Chrome 和 Firefox 上运行(不需要 IE)。

我该怎么做？

我试过了

var ifr = document.querySelector(".myIframe");
var idoc = ifr.contentDocument;
var ibody = ifr.contentDocument.body; // content: "teststring|"

var caret = 2;

var sel = ifr.contentDocument.getSelection();
var range = sel.getRangeAt(0);

var el = ibody;
range.setStart(el, caret);
range.setEnd(el, caret);

Chrome 上没有任何反应...我需要更改什么？

Answer 1

这应该有效:

var ifr = document.querySelector(".myIframe");
var idoc = ifr.contentDocument;
var ibody = ifr.contentDocument.body; // content: "teststring|"

var caret = 2;

var sel = ifr.contentDocument.getSelection();
var range = sel.getRangeAt(0);

var el = ibody;
range.setStart(el, caret);
range.setEnd(el, caret);

sel.removeAllRanges();
sel.addRange(range);

看最后两行