Как установить позицию каретки на редактируемом фрейме?

Question

Мне нужно установить позицию каретки на iframe contentEditable.Он должен работать в 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);

Посмотрите на две последние строки