div contenteditable 重新编辑时focus光标定位到前面问题解决

Posted 2021-01-16 yycc11

<div class="editdiv" id="edit" contenteditable="true">这是添加文字</div>

 

getC($(‘.editdiv‘))
function getC(el){
el = el[0]; // jquery 对象转dom对象
el.focus();
var range = document.createRange();
range.selectNodeContents(el);
range.collapse(false);
var sel = window.getSelection();
//判断光标位置，如不需要可删除
if(sel.anchorOffset!=0){
return;
};
sel.removeAllRanges();
sel.addRange(range);
}