如何在可编辑的iframe上设置插入符号位置? [英] How to set the caret position on an editable iframe?

问题描述

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

I need to set the caret position on a contentEditable iframe. It needs to work on Google Chrome and Firefox (no need for 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上没有任何反应...我需要更改什么?

And nothing happens on Chrome... What do I have to change?

推荐答案

此应该起作用:

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);

查看最后两行

这篇关于如何在可编辑的iframe上设置插入符号位置?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！