div contentEditable如何移动光标

Question

如下图，请问老师这个有什么方法移动这个光标吗，这个是contenteditable为true的div但，方向键是移动了这个div，请问如有什么js方法可以修改吗，搜索到的方法api都过时了

Answer 1

张轩 2021-04-21 09:09:11

同学你好 找到一个答案 我没有亲自尝试 但是看反馈应该可用

链接：https://stackoverflow.com/questions/6249095/how-to-set-caretcursor-position-in-contenteditable-element-div

代码：

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

<div id="editable" contenteditable="true">
  text text text<br>text text text<br>text text text<br></div>