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

最新推荐文章于 2024-03-04 11:09:21 发布

转载最新推荐文章于 2024-03-04 11:09:21 发布 · 6.9k 阅读

2 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yycc11/p/9896869.html

文章标签：

#javascript #ViewUI

本文介绍了一种方法，用于在具有可编辑内容的div元素中获取并设置光标的位置。此方法使用了document.createRange()和window.getSelection()等DOM API，确保了光标能够准确地定位在指定元素的内容中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

转载于:https://www.cnblogs.com/yycc11/p/9896869.html