在uiwebview中设置contenteditable div中的游标位置

Question

我正在使用html文件加载UIWebView。 html文件包含Div标签中的一些文本。我需要在div标签中设置光标位置。 html文件包含不同的div标签。基于某些条件我需要定位光标位置。

Answer 1

这有助于设置插入位置。

假设我的html是这样的：

<div id="editable" contenteditable="true">
  text text text<br>text text text<br>text text text<br>
</div>
<button id="button" onclick="setCaret()">focus</button>

我的javascript方法是：

function setCaret() {
    var el = document.getElementById("editable");
    var range = document.createRange();
    var sel = window.getSelection();
    range.setStart(el.childNodes[2], 5);
    range.collapse(true);
    sel.removeAllRanges();
    sel.addRange(range);
    el.focus();
}