js设置光标始终在文本最后

最新推荐文章于 2023-03-17 16:27:32 发布

原创最新推荐文章于 2023-03-17 16:27:32 发布 · 1.1w 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#js #javascript #光标 #range

JavaScript[0] 专栏收录该内容

34 篇文章

订阅专栏

本文介绍了一种使用JavaScript的方法，可以在利用contenteditable属性模拟输入框时，确保光标自动定位到文本内容的最后位置，这对于改善用户体验非常有用。

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

利用contenteditable=”true”模拟输入框时，focus()方法会将光标定位在文本的首位，需要将光标挪到最后一位

function setFocus(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);
};